LCP (Largest Contentful Paint)

DefinitionLCP measures how long it takes for the largest image or text block in the viewport to appear. Good is 2.5 seconds or less.

LCP is the loading metric of Core Web Vitals. Common causes of a slow LCP are a slow server response, a large hero image, render-blocking CSS or JavaScript, and a main image that is lazy-loaded or discovered late.

Learn it step by step

• Monitor Core Web Vitals (SEO audits)

Related terms

• Core Web Vitals: Core Web Vitals are Google's three user-experience metrics for loading (LCP), responsiveness (INP) and visual stability (CLS), measured on real visits.
• INP (Interaction to Next Paint): INP measures how quickly a page responds visually to clicks, taps and key presses across a visit. Good is 200 milliseconds or less.
• CLS (Cumulative Layout Shift): CLS measures how much visible content unexpectedly moves while a page is in use. Good is 0.1 or less.