LCP
Largest Contentful Paint



Core Web Vital
Measures the time it takes for the largest text or image element to render on a webpage. Learn more
How LCP is Calculated
- 1Navigation Start
LCP measurement starts when the user navigates to the page
- 2Identify Candidates
Browser identifies largest elements: images, videos, text blocks
- 3Track Largest
Continuously monitor and track the largest visible element
- 4Final Measurement
LCP is the time when the largest element finishes rendering
LCP Elements: <img>, <video>, text blocks, and background images are candidates.
Real-world impact
Slow LCP makes users think the page is broken. Users often leave if LCP exceeds 4 seconds. This delay simulates a large image or complex layout blocking page render.
Good≤ 2.5s
Needs Improvement2.5s - 4s
Poor> 4s
Loading LCP Content...
0% • 0.0s