Largest Contentful Paint

Published on Updated on

Translated to: Pусский

Largest Contentful Paint (LCP) is one of the metrics tracked in the Performance section of the Lighthouse report. Each metric captures some aspect of page load speed.

Lighthouse displays LCP in seconds:

A screenshot of the Lighthouse Largest Contentful Paint audit

What LCP measures

LCP measures when the largest content element in the viewport is rendered to the screen. This approximates when the main content of the page is visible to users. See Largest Contentful Paint defined for more details on how LCP is determined.

How Lighthouse determines your LCP score

Lighthouse extracts LCP data from Chrome's tracing tool.

The table below shows how to interpret your LCP score:

LCP time
(in seconds)
0-2.5Green (fast)
2.5-4Orange (moderate)
Over 4Red (slow)

See the Lighthouse performance scoring post to learn how your page's overall performance score is calculated.

How to improve your LCP score

If the LCP is an image, the timing can be broken down into four phases. Knowing which phases take the longest can help you optimize your LCP. Lighthouse will display the LCP element along with the phase breakdown in the "Largest Contentful Paint element" diagnostic.

LCP phaseDescription
Time to first byte (TTFB)The time from when the user initiates loading the page until when the browser receives the first byte of the HTML document response. Learn more about TTFB.
Load delayThe delta between TTFB and when the browser starts loading the LCP resource.
Load timeThe time it takes to load the LCP resource itself.
Render delayThe delta between when the LCP resource finishes loading until the LCP element is fully rendered.


Updated on Improve article

This site uses cookies to deliver and enhance the quality of its services and to analyze traffic. If you agree, cookies are also used to serve advertising and to personalize the content and advertisements that you see. Learn more about our use of cookies.