What Are Core Web Vitals?

Core Web Vitals are a set of real-world performance metrics defined by Google that measure how users experience your website — not just how fast it loads technically, but how it feels to use. Since becoming a confirmed Google ranking signal, these metrics matter for both UX and SEO.

The Three Core Metrics

1. Largest Contentful Paint (LCP) — Loading Performance

LCP measures how long it takes for the largest visible element (image, video, or block of text) to render on screen.

  • Good: Under 2.5 seconds
  • Needs Improvement: 2.5–4.0 seconds
  • Poor: Over 4.0 seconds

How to improve LCP: Optimize and compress images, use a CDN, preload critical resources, and eliminate render-blocking scripts.

2. Interaction to Next Paint (INP) — Interactivity

INP (which replaced First Input Delay in 2024) measures the latency of all user interactions — clicks, taps, keyboard inputs — throughout the page's lifecycle.

  • Good: Under 200ms
  • Needs Improvement: 200–500ms
  • Poor: Over 500ms

How to improve INP: Reduce JavaScript execution time, break up long tasks, defer non-critical scripts, and avoid layout thrashing.

3. Cumulative Layout Shift (CLS) — Visual Stability

CLS measures unexpected visual shifts — when elements move around while the page loads, causing users to accidentally click the wrong thing.

  • Good: Under 0.1
  • Needs Improvement: 0.1–0.25
  • Poor: Over 0.25

How to improve CLS: Always set width and height attributes on images, avoid inserting content above existing elements, and use CSS aspect-ratio for media.

How to Measure Your Core Web Vitals

Several tools make it easy to audit your scores:

  1. Google PageSpeed Insights — Free, instant lab and field data
  2. Google Search Console — Shows real-user data across your entire site
  3. Chrome DevTools (Lighthouse) — Deep diagnostics with fix recommendations
  4. WebPageTest — Advanced testing with waterfall charts and filmstrip views

Quick Wins to Boost All Three Metrics

  • Use modern image formats (WebP, AVIF) and lazy-load below-the-fold images
  • Minimize and defer JavaScript — especially third-party scripts
  • Enable browser caching and gzip/Brotli compression on your server
  • Serve fonts efficiently using font-display: swap
  • Use a quality hosting provider with fast TTFB (Time to First Byte)

The Bottom Line

Core Web Vitals connect the technical and human sides of web performance. Improving them isn't just about chasing Google rankings — it's about building a faster, less frustrating experience for real people. Start with your worst-performing metric and work through the checklist systematically.