LCP (Largest Contentful Paint)
Largest Contentful Paint (LCP) measures how long it takes for the largest visible content element on a page – an image, a block of text or a video – to render, and Google uses it as the Core Web Vitals metric for perceived loading speed. It is assessed at the 75th percentile of real page views, separately for mobile and desktop.
In practice
A good LCP value is 2.5 seconds or less, assessed at the 75th percentile of real page views. Contrary to a widespread misconception, the file size of the image is rarely the bottleneck: according to Google, most websites with poor LCP spend less than ten per cent of that time downloading the LCP image. The bulk goes on server response time (TTFB) and on the delay before the browser requests the image at all. What works, in this order, is a fast server response with caching, requesting the LCP image early and at high priority (no `loading="lazy"`, use `fetchpriority="high"` or `preload` instead), removing render-blocking resources – and only then image compression. That images are the LCP element on 76 per cent of mobile and 85 per cent of desktop pages tells you which element is measured, not where the time goes. Because LCP is closely tied to perceived load time, it is the Core Web Vital that users feel most directly.
Matching service
Sources
- web.dev: Largest Contentful Paint (LCP) (opens in a new tab)
- web.dev: Web Vitals (opens in a new tab)
- web.dev: Common misconceptions about how to optimize LCP (opens in a new tab)
- web.dev: Optimize Largest Contentful Paint (opens in a new tab)
- Web Almanac 2025 (HTTP Archive): Performance (opens in a new tab)