Performance · Website glossary

Largest Contentful Paint

Quick answer · What is Largest Contentful Paint?

LCP reports when the largest eligible visible content element in the initial viewport is rendered.

IN PRACTICE

Largest Contentful Paint: an example

A page's main photo may be its LCP element, making image discovery and delivery worth investigating.

KEEP IN MIND

The largest file is not necessarily the LCP element; identify the measured element before optimizing.

Put the idea to work

Frequently asked questions

What is a practical example of Largest Contentful Paint?

A page's main photo may be its LCP element, making image discovery and delivery worth investigating.

Is the largest file always the LCP element?

The largest file is not necessarily the LCP element; identify the measured element before optimizing.

Which concepts should I read alongside Largest Contentful Paint?

Core Web Vitals: A set of user-experience metrics covering loading, interaction responsiveness, and visual stability, currently LCP, INP, and CLS.
Responsive images: Image markup that lets a browser select suitable sources for layout size, resolution, or art direction.