Largest Contentful Paint (LCP)

What is Largest Contentful Paint?

If your page takes longer than 2.5 seconds to load its largest visible element, you measurably lose rankings — especially on mobile. LCP is the Core Web Vital metric Google weights most heavily. The most common causes are uncompressed hero images, slow servers, and render-blocking JavaScript.

Largest Contentful Paint (LCP) is a Core Web Vital metric that measures the time it takes for the largest visible content element on a webpage to load and appear. This metric has been an official ranking factor at Google since 2021 and carries extra weight in mobile search. The largest content element can be a large image, a video, a text block, or a graphic element. Google particularly considers whether LCP falls below 2.5 seconds when evaluating overall page speed.

Technically, LCP is influenced by several factors: server size and TTFB (Time to First Byte), the load speed of resources like images or fonts, blocking by JavaScript, and CSS rendering effects. Common causes of poor LCP are large uncompressed hero images, web fonts not loaded from a CDN, and JavaScript that blocks page rendering. Google has developed tools like Lighthouse and PageSpeed Insights to identify LCP issues and provide concrete improvement suggestions.

In SEO practice, pages with poor LCP are measurably penalized. To optimize, Large Contentful Elements should be prioritized: images should be delivered in modern formats (WebP, AVIF), their size kept limited, and ideally lazy-loaded with the native loading=“lazy” attribute. Preloading critical resources like fonts or images using link rel=“preload” speeds up loading. LCP optimization pays off directly in better rankings, more visibility, and higher conversion rates.