What is Largest Contentful Paint (LCP)?
2 MIN READ
Last updated:
Term
LCP (Largest Contentful Paint) is a Core Web Vital that measures loading speed — specifically, how long it takes for the largest visible element on a page to render after the page starts loading. That element is usually a hero image, a product photo, a video poster, or a large block of text. LCP marks the point when the main content has appeared and the page feels usefully loaded to the visitor.
LCP is measured from when the page starts loading, and the thresholds are:
- Good — 2.5 seconds or less
- Needs improvement — 2.5 to 4 seconds
- Poor — over 4 seconds
Slow LCP usually comes from a handful of causes: a slow server response, render-blocking CSS and JavaScript that delay the main content, large unoptimized images, or resources that load too late in the sequence. Because the largest element is often an image, image handling is frequently the single biggest lever on LCP.
The common fixes map to those causes: speed up server response with caching and a CDN, optimize and properly size images (WebP/AVIF, correct dimensions), preload the LCP element so the browser fetches it early, and remove render-blocking resources. On Magento (Adobe Commerce), full-page caching (Varnish), a CDN, and modern image formats do much of the work, while a lightweight frontend reduces the render-blocking overhead. LCP is one of the three Core Web Vitals, alongside INP (responsiveness) and CLS (visual stability).
Got a project in mind?