InteractionContentfulPaint: navigationId property
The navigationId read-only property of the InteractionContentfulPaint interface returns the id of the navigation that this paint is happened under.
Note that, for Soft Navigations, paints happening before the URL is updated may wish to considered for the Largest Contentful Paint (LCP) of the soft navigation that is in flight. For the LCP case, PerformanceSoftNavigation.getLargestInteractionContentfulPaint() and InteractionContentfulPaint.interactionId are more effective for calculating that metric to consider all relevant paint regardless of the navigationId.
Value
An integer matching either a PerformanceNavigationTiming or a PerformanceSoftNavigation entry.
Examples
Logging the navigationId of InteractionContentfulPaint
This example uses a PerformanceObserver to log new interaction-contentful-paint performance entries as they are recorded in the browser's performance timeline. The buffered option is used to access entries from before the observer creation.
const observer = new PerformanceObserver((list) => {
for (const entry of list.getEntries()) {
console.log(
"Interaction Contentful Paint:",
entry.startTime,
entry.navigationId,
);
}
});
observer.observe({ type: "interaction-contentful-paint", buffered: true });