Learn Measure Blog About

Largest Contentful Paint

Appears in: Performance audits

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

Native support for LCP launched in Chrome 77. Lighthouse extracts LCP data from Chrome's tracing tool.

The table below shows how to interpret your LCP score:

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

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

How to improve your LCP score

See How to improve Largest Contentful Paint on your site.

Resources

Last updated: Improve article