In 2021, Google started using Core Web Vitals as a ranking signal. That means the technical performance of your website — specifically how fast it loads and how stable it feels — now directly affects where you appear in search results.
If you have ever run your site through Google PageSpeed Insights and seen confusing numbers in red and orange, this guide will explain exactly what they mean and what to prioritize.
The three Core Web Vitals
LCP — Largest Contentful Paint
LCP measures how long it takes for the largest visible element on the page to load. Usually this is a hero image, a large heading, or a video. It is the closest metric to 'how fast does the page feel when it loads'.
- ✓Good: under 2.5 seconds
- ✓Needs improvement: 2.5–4.0 seconds
- ✓Poor: over 4.0 seconds
Common causes of poor LCP: unoptimized hero images, slow server response time, render-blocking JavaScript and CSS, poor hosting.
INP — Interaction to Next Paint
INP (which replaced FID in 2024) measures how quickly a page responds when a user interacts with it — clicking a button, opening a menu, typing in a field. It is the 'responsiveness' metric.
- ✓Good: under 200 milliseconds
- ✓Needs improvement: 200–500 milliseconds
- ✓Poor: over 500 milliseconds
Common causes of poor INP: heavy JavaScript running on the main thread, excessive use of tracking scripts, or complex animations triggered by interactions.
CLS — Cumulative Layout Shift
CLS measures how much the page layout shifts while loading. If you have ever started reading a paragraph and suddenly had it jump down because an image loaded above it, you have experienced a high-CLS page. It is the most directly annoying metric.
- ✓Good: under 0.1
- ✓Needs improvement: 0.1–0.25
- ✓Poor: over 0.25
Common causes of poor CLS: images without explicit dimensions, ads that load in and push content down, web fonts causing text reflow.
Why these three metrics specifically?
Google chose these because they map to real user experience problems, not just theoretical performance. LCP tells you if a page feels fast to the user. INP tells you if it feels responsive. CLS tells you if it feels stable. Together they give a reasonable picture of whether a site is pleasant to use on a real device on a real network.
How to check your Core Web Vitals
- 1.Google PageSpeed Insights (pagespeed.web.dev) — paste your URL, get scores instantly
- 2.Google Search Console → Core Web Vitals report — shows real-user data (takes 28 days to populate)
- 3.Chrome DevTools → Lighthouse tab — run a full audit in your browser
- 4.web.dev/measure — Google's own tool with recommendations
Use the PageSpeed Insights report for quick diagnosis. Use Search Console for the definitive real-world picture of how your site actually performs for visitors.
What to do if your scores are poor
The highest-impact fixes for LCP
- ✓Switch to managed WordPress hosting (Kinsta, Cloudways, WP Engine) if you're on shared hosting
- ✓Compress and convert hero images to WebP format
- ✓Add loading='eager' and fetchpriority='high' to the hero image
- ✓Eliminate render-blocking scripts with defer or async attributes
- ✓Enable full-page caching (WP Rocket, LiteSpeed, or server-level)
The highest-impact fixes for CLS
- ✓Add explicit width and height attributes to every image
- ✓Use font-display: swap for web fonts
- ✓Reserve space for ads and embeds before they load
- ✓Avoid inserting content above existing content after load
The highest-impact fixes for INP
- ✓Audit and remove unnecessary third-party scripts (chat widgets, tracking pixels)
- ✓Defer non-critical JavaScript
- ✓Avoid long-running tasks on the main thread during interactions
Core Web Vitals are not a one-time fix. They should be checked after every major update, plugin change, or hosting migration. What passes today may fail tomorrow after a plugin update adds blocking scripts.
Does passing Core Web Vitals guarantee better rankings?
No. Core Web Vitals are a ranking signal, not the ranking signal. Content relevance, authority, backlinks, and on-page optimization still drive the majority of ranking decisions. But in a competitive landscape where two sites have similar content quality, the faster one will win.
More importantly, a site that passes Core Web Vitals converts better. Faster pages mean lower bounce rates, more pages visited, and more conversions — regardless of what Google thinks of it.
We build to Core Web Vitals green on every project
SEO-ready performance is baked into every Webicode build — not an afterthought. If your site is struggling, we can audit and fix it.
Get a performance audit