Largest Contentful Paint (LCP)

Largest Contentful Paint

LCP shows how long it takes for the largest element to be loaded and visible for users.

The Largest Contentful Paint (LCP) metric looks at the loading performance of your page. LCP measures the time it takes to get the largest element on the page visible within the viewport. This could be a large text block, video, or image that takes up the primary real estate on the page.

Note: This is not First Contentful Paint (FCP), which measures the time from when the page begins to load to when the first element is rendered on screen.

As the DOM is rendered, the largest element on the page may change. The Largest Contentful Paint doesn't stop counting until the largest image orelement is seen on-screen.

Largest Contentful Paint Example

The Largest Contentful Paint doesn't stop counting until the largest image or element is seen on-screen.

Further Reading

On this page