Largest Contentful Paint


Largest Contentful Paint or LCP is a landmark timing based metric that reports the time at which the largest above-the-fold element was rendered.

To calculate the largest element, LCP considers the following:

  • <img>, <image> or <video> elements
  • Elements with background images. E.g: background-image: url()
  • Block level elements containing text

How is Largest Contentful Paint calculated?

In Calibre, LCP is sourced directly from Chrome browser. The browser emits this timing as part of it's tracing.

For more information regarding how Largest Contentful Paint can be used, read this guide by Philip Walton on web.dev.