# LCP

Largest Contentful Paint — the load time of the largest content element within a page's visible area; the loading speed metric of Core Web Vitals.

**LCP (Largest Contentful Paint)** measures the time from when a page starts loading until the largest content element within the visible area (viewport), usually an image, video, or large block of text, is fully rendered.

Target values:

- **Good:** under 2.5 seconds
- **Needs improvement:** between 2.5 and 4.0 seconds
- **Poor:** over 4.0 seconds

Main factors that slow down LCP:

- Unoptimized large images
- Slow server response time (TTFB)
- Render-blocking JavaScript and CSS
- Delayed web font loading
- Slow third-party scripts

**Tip:** Identify your LCP element (Chrome DevTools > Performance) and use `fetchpriority="high"` and `preload` to prioritize it. If it is an image, convert it to WebP or AVIF format.