Overview
LCP is an important, user-centric metric for measuring perceived load speed. It marks the point in the page load timeline when the page's main content has likely loaded.
What is Measured?
<img>elements.<image>elements inside an<svg>.- Video poster images.
- Elements with a background image loaded via
url(). - Block-level elements containing text nodes.
Targets
- Good: Under 2.5 seconds.
- Needs Improvement: Between 2.5 and 4.0 seconds.
- Poor: Over 4.0 seconds.