What is Largest Contentful Paint (LCP)?

Largest Contentful Paint (LCP) is a load time metric from Google’s Core Web Vitals. LCP measures how long it takes until the largest visible content element in the viewport of a page has finished loading, counted from the moment the page load begins. A good LCP value is 2.5 seconds or below, measured at the 75th percentile of all page views on mobile and desktop devices. LCP therefore shows how quickly a visitor gets the feeling that the page has loaded.

LCP is one of the three Core Web Vitals and the central metric for perceived loading speed. Google uses LCP as part of the page experience signal for ranking. A slow LCP means that the visitor stares at a half empty page for too long, is more likely to bounce and writes the site off as sluggish.

Largest Contentful Paint at a glance

What does Largest Contentful Paint measure?

LCP measures the point in time at which the largest content element inside the visible area of the browser window has fully rendered. While the page loads, the browser keeps watching which element currently takes up the most space in the viewport and reports its render time. The start of the page load counts as the starting point.

One distinction matters: LCP does not measure when the whole page has finished loading, it measures when the most important visible content appears. A visitor rates a page as “loaded” as soon as the main image or the heading is there, even if scripts are still coming in behind the scenes. That impression is exactly what LCP captures.

Google splits every LCP value into 4 subparts that add up to the total duration. This breakdown shows where a slow page actually loses time.

What is a good LCP value?

A good LCP value is 2.5 seconds or below. Google splits the measurements into 3 rating bands that apply to mobile and desktop devices alike:

• Good: an LCP of 0 to 2.5 seconds.
• Needs improvement: an LCP of 2.5 to 4.0 seconds.
• Poor: an LCP above 4.0 seconds.

What counts is the 75th percentile: Google does not rate the average, it rates the value that 75 percent of all page views reach or beat. Only once three out of four visitors see a page in 2.5 seconds or faster does the LCP count as good. This field data comes from the Chrome User Experience Report (CrUX), which collects real visits over the past 28 days.

You find these field values in Google Search Console in the “Core Web Vitals” report and in PageSpeed Insights. Lab tools such as Lighthouse also give you a simulated LCP value, which helps with debugging but does not feed into ranking.

Which element is the LCP element?

The LCP element is the largest content element that appears in the visible area during loading. The browser only takes certain element types into account. There are 4 candidates for the LCP element:

1. Images: an <img> element or an <image> inside an <svg>.
2. Videos: the poster frame of a <video> element.
3. Background images: an element with a background image loaded through the CSS url() function.
4. Text blocks: block level elements with text, for example a large heading or a paragraph.

In practice, the LCP element on most pages is the hero image at the top or the main heading. PageSpeed Insights and the Chrome DevTools point out which element it is on your page. Only once you know the LCP element can you optimize with purpose, because every second of LCP hangs on that one element.

The LCP element can change during loading. If the heading appears first and the larger hero image follows, the image becomes the final LCP element. The browser reports the last candidate as soon as the visitor interacts with the page or loading has finished.

How do you improve your LCP value?

You improve a poor LCP by delivering and rendering the LCP element faster. Because LCP is made up of 4 subparts, the strongest levers attack exactly those phases. The 6 most important measures:

1. Cut the server response time (TTFB): fast hosting, server side caching and a content delivery network (CDN) shorten the time to first byte.
2. Never delay the LCP image with lazy loading: if the hero image is lazy loaded, the download starts too late. Load it early instead.
3. Preload the LCP resource: give the decisive image priority with <link rel="preload"> and fetchpriority="high" so that the browser requests it right away.
4. Compress images and serve them in modern formats: modern image formats on the web such as WebP or AVIF plus responsive sizes (srcset) cut the load time noticeably.
5. Remove render blocking resources: inline the critical CSS and defer non-critical JavaScript (defer or async) so that the browser can paint the LCP element sooner.
6. Take the sting out of web fonts: host your fonts yourself, preload them and serve them with font-display: swap so that a text LCP does not wait for the font file.

The order is deliberate: on most websites, TTFB and image delivery deliver the biggest jump. Which measure works hardest in a specific case is shown by the subpart analysis from figure 1. A structured check of all levers comes with a technical SEO audit, which uncovers the LCP weak spots page by page.

How does LCP relate to the Core Web Vitals?

LCP is one of three Core Web Vitals that Google uses to measure the user experience of a page. Each of the three metrics covers a different aspect:

• LCP (Largest Contentful Paint): measures the perception of loading, so how quickly the main content becomes visible.
• INP (Interaction to Next Paint): measures responsiveness, so how quickly the page reacts to clicks and input. INP replaced the earlier metric First Input Delay (FID) in March 2024.
• CLS (Cumulative Layout Shift): measures visual stability, so how much elements move around while the page loads.

A page only passes the Core Web Vitals when all three values sit in the green range. LCP replaced the older metric First Meaningful Paint (FMP) in 2020, because FMP was too imprecise and hard to measure. Since the page experience update in 2021, the Core Web Vitals feed into Google ranking. Together, the three of them form the backbone of technical performance, which solid SEO services keep under review.

Frequently asked questions about LCP

Is LCP a ranking factor?
Yes, as part of the Core Web Vitals, LCP has been a confirmed ranking signal since 2021. The effect is moderate: LCP works above all as a tiebreaker between pages of equal content quality, good content stays the stronger factor.

Where do I see my LCP value?
You find your LCP in PageSpeed Insights, in the Core Web Vitals report of Google Search Console and in the Chrome DevTools. Search Console and PageSpeed Insights show data from real visitors, DevTools and Lighthouse give you lab measurements for debugging.

What is the difference between LCP and load time?
LCP only measures when the largest visible element appears, not when the whole page has finished loading. A page can still be loading in the background while the LCP has long been reached and the page is already usable.

Why does my LCP value keep changing?
LCP fluctuates because it comes from real visits with different devices, connections and locations. The CrUX report averages these values over 28 days, which is why optimizations only show up fully in the 75th percentile after a few weeks.