Skip to content
Learn Measure Blog Case studies About
On this page
  • What LCP measures
  • How Lighthouse determines your LCP score
  • How to improve your LCP score
  • Resources

Largest Contentful Paint

Jan 10, 2020 — Updated Jun 4, 2021
Available in: Русский, English
Appears in: Performance audits
On this page
  • What LCP measures
  • How Lighthouse determines your LCP score
  • How to improve your LCP score
  • Resources

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 #

Browser 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.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 #

See How to improve Largest Contentful Paint on your site.

Resources #

  • Source code for Largest Contentful Paint audit
  • Largest Contentful Paint
  • Largest Contentful Paint API
  • New in Chrome 77: Largest Contentful Paint
Last updated: Jun 4, 2021 — Improve article
Return to all articles
Share
subscribe

Contribute

  • File a bug
  • View source

Related content

  • developer.chrome.com
  • Chrome updates
  • Web Fundamentals
  • Case studies
  • Podcasts
  • Shows

Connect

  • Twitter
  • YouTube
  • Google Developers
  • Chrome
  • Firebase
  • Google Cloud Platform
  • All products
  • Terms & Privacy
  • Community Guidelines

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies.