Largest contentful paint (LCP)

The largest-contentful-paint performance entry and the LargestContentfulPaint API 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. To learn more, see LargestContentfulPaint, LargestContentfulPaint: element property, LargestContentfulPaint: id property, LargestContentfulPaint: loadTime property, LargestContentfulPaint: renderTime property, LargestContentfulPaint: size property, LargestContentfulPaint: toJSON() method, LargestContentfulPaint: url property at MDN.

Compatibility

• Chrome 77 Released on 2019-09-10
• Chrome Android 77 Released on 2019-09-10
• Edge 79 Released on 2020-01-15
• Firefox 122 Released on 2024-01-23
• Firefox for Android 122 Released on 2024-01-23
• Safari ❌ Search for bugs Search for standards position
• Safari on iOS ❌ Search for bugs Search for standards position

Baseline availability blocked since January 2024 by Safari (10 months)