Largest Contentful Paint

Last Updated: April 12, 2022

LCP is how long it takes a page to load from the point of view of an actual user.

In other words, when you click on a link, the time taken to load the majority of the page is known as LCP

First Contentful Paint (FCP) is also a user centric matrix but it is captured very first stage of the page loading time frame.

lcp 1

How do you measure LCP?

Elements to be considered

How the size of elements is calculated?

The size visible to the user within the viewport

Overflow and clipped portions of elements are ignored when calculating

Test