Skip to content

Metrics

Largest Contentful Paint (LCP)

Also: LCP

The render time of the largest content element visible in the viewport.

Definition

A Core Web Vital. Measures when the largest text block, image, or video in the initial viewport finishes rendering. Good < 2.5s, needs improvement 2.5-4.0s, poor > 4.0s. On JS-heavy sites, LCP is often a hero image or above-the-fold heading. Fonts, render-blocking JS, and hydration delays push LCP up.

See also

Need this concept applied to your stack?

Glossary entries are intentionally short. Real engineering tradeoffs need a scoping call — bring the domain, the stack, and the question.