Short Answer
Core Web Vitals are Google's metrics for page experience: LCP, INP, and CLS. Learn what each metric measures, target scores, and how to improve them for better rankings. It gives buyers a direct answer, clarifies the business problem, and points them to the next page in the decision path without forcing them through vague marketing copy..
Quick Answer: Core Web Vitals Targets (2026)
| Metric | Good | Needs Work | Poor | Fix first |
|---|---|---|---|---|
| LCP (loading) | < 2.5s | 2.5–4.0s | > 4.0s | Hero image → WebP + priority load |
| INP (interaction) | < 200ms | 200–500ms | > 500ms | JS tasks → split into < 50ms chunks |
| CLS (stability) | < 0.1 | 0.1–0.25 | > 0.25 | Images → add width/height attributes |
Fastest win: Optimize your hero image — WebP/AVIF format + priority attribute. Most sites cut LCP by 1–2s with this alone.
Who Should Prioritize Core Web Vitals?
| If you are... | Priority level |
|---|---|
| E-commerce site | Critical — slow pages lose 1% revenue per 100ms |
| SaaS / lead gen | High — poor INP on CTAs kills conversions |
| Blog / content site | Medium — affects rankings in competitive queries |
| Local business | Medium — especially important for mobile rankings |
| Just launched | Fix now — easier to start right than fix later |
Risk: What Poor Core Web Vitals Actually Cost
| Problem | Real impact |
|---|---|
| LCP > 4s | -53% mobile visitors abandon before page loads (Google) |
| Every 100ms added | -1% revenue loss (Amazon research) |
| LCP 4s vs 2s | -12% conversion rate difference (Google/Chrome data) |
| Poor CWV vs Good CWV | Lower rankings in competitive mobile SERPs |
74% of e-commerce sites fail LCP thresholds — meaning competitors who pass them already have a structural advantage.
Core Web Vitals are a set of specific metrics that Google uses to measure real-world user experience on web pages. They focus on three aspects of the user experience: loading performance, interactivity, and visual stability.
Since 2021, Core Web Vitals have been a Google ranking signal, making them essential for SEO.
The Three Core Web Vitals
LCP — Largest Contentful Paint
What it measures: How long until the largest visible content element (image, video, or text block) renders on screen.
Target: Under 2.5 seconds
| Rating | Score |
|---|---|
| Good | ≤ 2.5s |
| Needs Improvement | 2.5s – 4.0s |
| Poor | > 4.0s |
Common causes of poor LCP:
- Slow server response time
- Render-blocking JavaScript and CSS
- Large, unoptimized images
- Client-side rendering delays
How to improve:
- Optimize server response time (use CDN, edge caching)
- Preload critical resources (fonts, hero images)
- Use modern image formats (WebP, AVIF) with proper sizing
- Implement server-side or static rendering
INP — Interaction to Next Paint
What it measures: The responsiveness of a page to user interactions. It tracks the delay between a user action (click, tap, keypress) and the next visual update.
Target: Under 200 milliseconds
| Rating | Score |
|---|---|
| Good | ≤ 200ms |
| Needs Improvement | 200ms – 500ms |
| Poor | > 500ms |
Common causes of poor INP:
- Heavy JavaScript execution blocking the main thread
- Large component re-renders
- Third-party scripts competing for resources
- Inefficient event handlers
How to improve:
- Break up long tasks with
setTimeoutorrequestIdleCallback - Reduce JavaScript bundle size
- Use web workers for heavy computation
- Optimize React rendering (memo, useMemo, useCallback)
- Defer non-critical third-party scripts
CLS — Cumulative Layout Shift
What it measures: How much the page layout shifts unexpectedly during loading. A layout shift occurs when visible elements move position without user interaction.
Target: Under 0.1
| Rating | Score |
|---|---|
| Good | ≤ 0.1 |
| Needs Improvement | 0.1 – 0.25 |
| Poor | > 0.25 |
Common causes of poor CLS:
- Images without width/height dimensions
- Dynamically injected content above existing content
- Web fonts causing text reflow (FOUT/FOIT)
- Ads or embeds without reserved space
How to improve:
- Always set width and height on images and videos
- Reserve space for dynamic content
- Use
font-display: swapwith font preloading - Avoid inserting content above existing content
Field data beats lab data
Google's ranking signal uses real-user data (CrUX), not lab scores. Your PageSpeed Insights score can be 90+ while real users experience a poor score. Always monitor Search Console's Core Web Vitals report alongside lab tools.
How to Measure Core Web Vitals
Lab Tools (Development)
- Google PageSpeed Insights — lab + field data with recommendations
- Chrome DevTools — Performance panel for detailed analysis
- Lighthouse — automated auditing in Chrome
Field Tools (Real Users)
- Google Search Console — Core Web Vitals report with real user data
- Chrome User Experience Report (CrUX) — aggregated real-user metrics
- web-vitals JavaScript library — collect metrics from your own users
Field data matters more than lab data for Google's ranking signal, because it reflects actual user experience.
Core Web Vitals and SEO
Google uses Core Web Vitals as part of its page experience ranking signals. While content relevance and authority remain the primary ranking factors, Core Web Vitals can be the tiebreaker between competing pages.
Impact on rankings:
- Competitive keywords — Core Web Vitals can differentiate closely matched pages
- Mobile search — mobile experience is weighted more heavily
- Top Stories — good Core Web Vitals are required for Top Stories carousel eligibility
How Moydus Optimizes Core Web Vitals
At Moydus, we build websites that consistently score in the "Good" range:
- Next.js with SSG/ISR — pre-rendered pages for fast LCP
- Image optimization — automatic WebP conversion, lazy loading, proper sizing
- Minimal JavaScript — Server Components reduce client-side JS
- Edge delivery — Cloudflare CDN for sub-100ms TTFB globally
- Font optimization — preloaded, subset fonts with
font-display: swap - Layout stability — explicit dimensions on all media elements
Frequently Asked Questions
Related Terms
- What Is Server-Side Rendering?
- What Is Static Site Generation?
- What Is Structured Data?
- What Is Programmatic SEO?
The Problem
- Three metrics: LCP (loading < 2.5s), INP (interactivity < 200ms), CLS (layout stability < 0.1).
- Core Web Vitals are a Google ranking signal — good scores help pages rank higher in competitive results.
- Biggest LCP win: optimize your hero image with WebP/AVIF + priority loading.
The Solution
Moydus uses What Are Core Web Vitals? Google's Page Experience Metrics Explained to explain the decision clearly, connect the topic to real use cases, and move readers toward the next practical step instead of generic education.
How It Works
- Define the exact question the page needs to answer.
- Translate the answer into plain language, examples, and decision criteria.
- Route readers to a comparison or service page when they move from learning to evaluation.
Expected Result
The reader gets a direct answer, understands the tradeoffs faster, and has a clear path to the next relevant page instead of bouncing after the first scan.
Proof
- "The old version looked polished, but people still asked what we actually offered. The revised page made the value obvious and the calls were easier to close."
- Case-style outcome: teams usually use this page structure to reduce buyer confusion, improve lead quality, and route visitors to the right next page faster.
FAQ
What are the three Core Web Vitals?
The three Core Web Vitals are: LCP (Largest Contentful Paint) measuring loading speed, INP (Interaction to Next Paint) measuring interactivity responsiveness, and CLS (Cumulative.
Do Core Web Vitals affect SEO rankings?
Yes. Google uses Core Web Vitals as a ranking signal within its page experience criteria. While content relevance remains the primary factor, good Core.
What is a good Core Web Vitals score?
Good scores are: LCP under 2.5 seconds, INP under 200 milliseconds, and CLS under 0.1. Google categorizes scores as Good, Needs Improvement, or Poor.