coderef

Interaction contentful paint performance entriesLimited availability

An interaction-contentful-paint performance entry measures the duration of an interaction that causes one or more contentful paints. You can use it to measure LCP for soft navigations in single page apps.

Not yet supported in all major browsers — check the table and provide a fallback.

Browser support

DesktopChrome
1–150Not supported
151+Supportedsince Jul 28, 2026
Current: 155
Edge
12–150Not supported
151+Supportedsince Jul 31, 2026
Current: 154
Firefox
✕Not supportedup to 157
Current: 157
Safari
✕Not supportedup to 27
Current: 27
MobileChrome Android
18–150Not supported
151+Supportedsince Jul 28, 2026
Current: 155
Firefox Android
✕Not supportedup to 157
Current: 157
Safari iOS
✕Not supportedup to 27
Current: 27

How to use

Not supported in Firefox, Safari, Firefox Android, Safari iOS. Use feature detection below and provide a fallback (or a polyfill) for those browsers.

Example

Full syntax and examples are on MDN: InteractionContentfulPaint.

Feature detection

JS · check before using
if ("InteractionContentfulPaint" in globalThis) {
  // InteractionContentfulPaint is available
} else {
  // load a polyfill or use a fallback
}

Sub-features

Support for each part of the feature (6). The overall table above shows when the whole feature works.

Sub-featureChromeEdgeFirefoxSafariChrome AndroidFirefox AndroidSafari iOS
InteractionContentfulPaint151151✕✕151✕✕
InteractionContentfulPaint.interactionId151151✕✕151✕✕
InteractionContentfulPaint.largestContentfulPaint151151✕✕151✕✕
InteractionContentfulPaint.paintTime151151✕✕151✕✕
InteractionContentfulPaint.presentationTime151151✕✕151✕✕
InteractionContentfulPaint.toJSON151151✕✕151✕✕