Definition
LCP (Largest Contentful Paint) — LCP measures the time until the largest text block or image in the viewport is rendered.
Quick answer
Target: ≤ 2.5 s. Reduce TTFB, never lazy-load the LCP image, use fetchpriority="high", AVIF/WebP and correct dimensions.
What it consists of
Time to first byte, resource load delay, resource load duration and render delay. Optimise whichever phase takes the longest.
Sources
- Largest Contentful Paint (LCP) — web.dev