LCP (Largest Contentful Paint): The Most Important Core Web Vitals Metric
LCP measures when the largest visible element in the viewport — typically a hero image, large heading, or background image — finishes rendering. It is the most heavily weighted Core Web Vitals metric for SEO because it directly reflects perceived load speed. Good LCP: under 2.5 seconds. Needs Improvement: 2.5s–4s. Poor: over 4s.
The top LCP fixes, ranked by impact: (1) Preload your hero image — add <link rel="preload" as="image" href="hero.webp"> to start downloading before the browser reaches the img tag. (2) Convert to WebP or AVIF — 25–50% smaller than JPEG/PNG with no visible quality loss. (3) Enable GZIP/Brotli compression — reduces HTML, CSS, JS transfer size by 60–80%. (4) Use a CDN — serves assets from the nearest edge node, reducing TTFB. (5) Eliminate render-blocking CSS/JS — every millisecond saved before first paint is a millisecond saved on LCP. Use our Page Speed Checklist Tool for a complete LCP audit.