Core Web Vitals Explained: 3 Speed Metrics That Affect Rankings and Revenue
Core Web Vitals are a set of three metrics Google uses to measure the real-world experience of loading and interacting with a web page: how fast the main content appears, how quickly the page responds to input, and how stable it stays as it loads. They matter because they influence search rankings and directly affect conversions: a page that scores poorly frustrates visitors and loses both traffic and revenue.
You don’t need to be a developer to understand them or to know whether your site is failing them. This guide explains each metric in plain English, why they matter commercially, and the practical levers that improve them.
What Core Web Vitals measure
There are three, and each captures a different part of the experience.
1. Largest Contentful Paint (LCP): loading speed
LCP measures how long it takes for the largest visible element, usually the main image or headline, to load. In plain terms: how quickly does the page appear to be ready? A good LCP is under 2.5 seconds. If your hero image or main content takes too long, visitors are staring at a blank or half-loaded page, and many won’t wait.
2. Interaction to Next Paint (INP): responsiveness
INP measures how quickly the page responds when someone interacts, taps a button, opens a menu, or fills a field. It captures whether the page feels snappy or laggy. A good INP is under 200 milliseconds. A page that looks loaded but freezes when you click feels broken, and broken-feeling pages lose trust fast. (INP replaced the older First Input Delay metric, so older guides referencing FID are out of date.)
3. Cumulative Layout Shift (CLS): visual stability
CLS measures how much the page jumps around as it loads. You’ve experienced bad CLS when you go to tap a button and an ad or image loads above it, shoving everything down so you tap the wrong thing. A good CLS is under 0.1. Layout shift is annoying, erodes trust, and causes misclicks that cost conversions.
Why these metrics matter for your business
Core Web Vitals sit at the intersection of two things every business cares about: visibility and revenue.
- They affect search rankings. Google uses page experience, including Core Web Vitals, as a ranking signal. They’re not the only factor, and great content can outrank a faster but weaker page, but when other things are equal, the better experience wins. Poor vitals can hold back pages that would otherwise rank.
- They affect conversions and revenue. This is the part businesses underrate. Slow, laggy, jumpy pages lose visitors before they convert. The same friction that frustrates a user also frustrates a customer. Improving your vitals often lifts conversions independent of any SEO benefit; it’s part of what makes a high-converting website.
- They affect bounce. Visitors abandon slow and unstable pages quickly, and high bounce signals to search engines that the page didn’t satisfy intent.
In short: poor Core Web Vitals quietly cost you both the traffic you could have ranked for and the conversions you could have earned from the traffic you have.
How to check your Core Web Vitals
You don’t need special skills to find out where you stand:
- PageSpeed Insights gives you each metric for any URL, using both lab data and real-world field data. Prioritise the field data; it reflects actual visitors.
- Google Search Console has a Core Web Vitals report covering your whole site, grouping URLs as good, needs improvement, or poor.
Test on mobile, not just desktop, because mobile is how most people (and Google) experience your site, and it’s usually where vitals are weakest.
The practical levers that improve them
Most Core Web Vitals problems trace back to a handful of causes, and the fixes are well understood:
- Optimise images. Oversized images are the most common LCP killer. Compress them, serve modern formats like WebP, and size them correctly. This single step fixes a lot of LCP failures.
- Reduce and defer heavy scripts. Bloated JavaScript is the usual cause of poor INP. Removing unused code and deferring non-essential scripts makes the page respond faster.
- Reserve space for media and ads. Telling the browser how much space images, embeds, and ads will take before they load prevents the layout from jumping, which fixes CLS.
- Use caching and a CDN. Caching and a content delivery network serve your site faster, especially to visitors far from your server, directly improving LCP.
- Lazy-load below-the-fold content. Load what’s visible first; defer the rest. This speeds up the initial experience that LCP measures.
- Keep the build lean. Every extra plugin, font, and widget has a cost. A disciplined build outperforms a feature-stuffed one.
Many of these are handled well during a proper custom build and badly by bloated templates; one reason build quality affects vitals so much.
A note on perspective
Core Web Vitals matter, but don’t let them become the only thing you optimise for. A fast page with a weak message and no clear action still won’t convert. The goal is a site that’s both fast and persuasive; speed removes friction so your message and your offer can do their job. Treat vitals as the foundation, not the whole building.
Frequently asked questions
What are Core Web Vitals in simple terms?
They’re three metrics that measure real user experience: how fast the main content loads (LCP), how quickly the page responds to interaction (INP), and how visually stable it is as it loads (CLS). Together they capture whether a page feels fast, responsive, and steady.
Do Core Web Vitals affect SEO?
Yes. Google uses page experience, including Core Web Vitals, as a ranking signal. They’re not the most important factor; content and relevance matter more, but poor vitals can hold a page back, and when competing pages are otherwise equal, the better experience tends to win.
What are good Core Web Vitals scores?
As a guide: LCP under 2.5 seconds, INP under 200 milliseconds, and CLS under 0.1. Aim to hit these on mobile, since that’s how most visitors and Google experience your site.
How do I improve my Core Web Vitals?
Start by optimising images, reducing and deferring heavy scripts, reserving space for media to stop layout shifts, and using caching and a CDN. Test with PageSpeed Insights and Search Console, focus on mobile, and keep the build lean.
If your site is slow, laggy, or jumpy, it’s costing you rankings and customers. Explore our web design and development service to build a fast, stable site and keep it that way.