InteractionContentfulPaint: interactionId property

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Learn more
See full compatibility

Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The interactionId read-only property of the InteractionContentfulPaint interface returns the interactionId of the PerformanceEventTiming entry representing the interaction that resulted in the paint.

Value

An integer matching the interactionId of the interaction that resulted in the paint.

Examples

Logging the `interactionId` 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.interactionId,
    );
  }
});
observer.observe({ type: "interaction-contentful-paint", buffered: true });