Table of contents
What it measures#
web.dev defines LCP as the render time of the largest image, text block or video visible in the viewport, relative to when the page first started loading.
Find the element#
Chrome's performance panel names the LCP element. On a landing page it is usually the hero image.
The usual fixes#
- Do not lazy-load the hero image.
- Serve it at the size it is shown, in a modern format.
- Cut render-blocking scripts and styles in the head.
Check it held#
Field data lags, so compare the page before and after over equal weeks.
/pricing
/features
See it on your own site#
The free website check reads a site you name and reports what holds its pages back, with no account and no card. It changes nothing on your site.