coderef

Largest contentful paint (LCP) performance entriesBaseline · Newly available

A largest-contentful-paint performance entry measures the time it takes for the largest image or text to appear. Largest contentful paint (LCP) is a common metric for perceived loading times.

Works in the latest version of every major browser, but older devices may not support it yet. Baseline since Dec 12, 2025.

How to use ↓Compare browsers

Browser support

DesktopChrome
1–76Not supported
77+Supportedsince Sep 10, 2019
Current: 155
Edge
12–18Not supported
79+Supportedsince Jan 15, 2020
Current: 154
Firefox
1–121Not supported
122+Supportedsince Jan 23, 2024
Current: 157
Safari
1–26.1Not supported
26.2+Supportedsince Dec 12, 2025
Current: 27
MobileChrome Android
18–76Not supported
77+Supportedsince Sep 10, 2019
Current: 155
Firefox Android
4–121Not supported
122+Supportedsince Jan 23, 2024
Current: 157
Safari iOS
1–26.1Not supported
26.2+Supportedsince Dec 12, 2025
Current: 27

How to use

Every current browser supports this, but it only became Baseline on Dec 12, 2025. Use it as a progressive enhancement, or keep a fallback if you support older devices.

Example

Full syntax and examples are on MDN: LargestContentfulPaint.

Feature detection

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

Documentation (MDN)

Specification

Sub-features

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

Sub-featureChromeEdgeFirefoxSafariChrome AndroidFirefox AndroidSafari iOS
LargestContentfulPaint777912226.27712226.2
LargestContentfulPaint.element777912226.27712226.2
LargestContentfulPaint.id777912226.27712226.2
LargestContentfulPaint.loadTime777912226.27712226.2
LargestContentfulPaint.renderTime777912226.27712226.2
LargestContentfulPaint.size777912226.27712226.2
LargestContentfulPaint.toJSON777912226.27712226.2
LargestContentfulPaint.url777912226.27712226.2