Largest Contentful Paint measures when the largest visible content element in the viewport is rendered during a page load.
Largest Contentful Paint measures when the largest visible content element in the viewport is rendered during a page load.
What it means
LCP is user-centred; the candidate can change while a page renders, and the final value depends on the largest pre-interaction element.
A field LCP value describes experience across visits; it does not identify a single cause or guarantee rankings.
How to assess it
Identify the LCP element in a lab trace, then separate response, discovery, load and render delay.
Practical workflow
- Define the user task and the set in scope.
- Identify the LCP element in a lab trace, then separate response, discovery, load and render delay.
- Choose the smallest reversible change.
- Make the critical element discoverable early and verify its rendered outcome and field data when available.
- Re-check the rendered outcome and preserve the measurement scope and date.
Concrete example and verification
For example, a landing page can show a fast logo and navigation while its largest above-the-fold image remains undiscoverable until client-side code runs. The useful fix is not to compress every image. Confirm the largest candidate in a trace, then test whether its URL is in initial HTML, whether its priority is sensible, and whether rendering is held behind noncritical work.
Limits and common mistakes
Optimising a small asset while the actual LCP element is different wastes effort.