Largest Contentful Paint

How it works

Largest Contentful Paint identifies the largest image, video, or text block visible within the viewport and records its render time starting from when the user first navigates to the page. The metric updates as the page loads, reporting the time when the largest element becomes fully rendered, until the first user interaction. Because it focuses on the largest element above the fold, LCP reflects when users perceive the page's main content as ready.

The LCP element is dynamically determined: it can be an image, a video poster, or a text block, whichever is largest at the time of rendering. The browser continuously tracks candidate elements and reports the highest LCP. This makes the metric sensitive to layout changes and resource loading order, which is why optimising for LCP often involves addressing both resource delivery and cumulative layout shift.

Why it matters

LCP is a Core Web Vital and a key page experience signal for Google’s search algorithms. A slow LCP means users see a blank or partially loaded page for too long, increasing bounce rates and reducing engagement. For SEO practitioners, improving LCP directly supports better user satisfaction and can positively influence organic rankings. Google’s guidance sets a good target of 2.5 seconds or less, measured at the 75th percentile of page loads.

Beyond rankings, LCP affects conversions and revenue. E-commerce sites, publishers, and any page relying on content visibility benefit from a fast LCP. Optimising for LCP also forces attention on fundamental web performance factors like server response time, resource prioritisation, and image delivery, which improve overall site speed.

Where it changes your decision

• When choosing image formats and compression: use modern formats like WebP or AVIF, implement lazy loading only for below-the-fold images, and compress images to reduce file size. Consider a lightbox image optimizer for SEO to automate efficient image delivery.
• When deciding to eliminate or defer render-blocking resources: inline critical CSS, defer non-critical JavaScript, and remove unused code. Tools like an seo auditor can help identify blocking scripts.
• When evaluating hosting and server configuration: improve server response time (TTFB) by upgrading hosting, using a CDN, or optimising database queries. Regularly monitoring seo performance helps track LCP trends across pages.

What it is not

• It is not the time until the entire page finishes loading. LCP only records the largest visible element, not all content on the page.
• It does not measure every page element; only the single largest qualifying element matters. Other content may load later without affecting LCP.
• The LCP element is not consistent across viewports or devices. An image that is largest on desktop may not be the same on mobile, so testing on multiple screen sizes is essential.
• LCP is not a lab-only metric. Field data from real users (e.g., Chrome User Experience Report) is critical because lab results can differ due to device and network variations.