LCP

Largest Contentful Paint

ChromeFirefoxSafari
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
  1. 1
    Navigation Start

    LCP measurement starts when the user navigates to the page

  2. 2
    Identify Candidates

    Browser identifies largest elements: images, videos, text blocks

  3. 3
    Track Largest

    Continuously monitor and track the largest visible element

  4. 4
    Final 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