Core Web Vitals
Core Web Vitals are Google’s metrics for the real-world experience of loading a page: how fast it appears, how quickly it responds, and how stable it is while loading. They are a confirmed ranking factor, but more importantly, they measure the friction that quietly costs you conversions. Faster sites rank better and convert better — the two goals align.
This guide explains the three metrics in plain English, how to improve each one, and how to measure them with the right tools.
The three metrics
- LCP (Largest Contentful Paint): how long the main content takes to load. Aim for under 2.5 seconds.
- INP (Interaction to Next Paint): how quickly the page responds to taps and clicks. Aim for under 200 milliseconds.
- CLS (Cumulative Layout Shift): how much the layout jumps while loading. Aim for under 0.1.
Together they capture the three things users feel most: is it fast, is it responsive, and does it stay still while I read.
How to improve LCP
Optimize and properly size your hero image, serve modern formats like WebP, preload critical assets, and reduce render-blocking CSS and JavaScript. The single biggest win for most sites is a smaller, faster-loading main image — which is why every image on this site is compressed WebP with explicit dimensions. Also consider faster hosting and a content delivery network for global audiences.
How to improve INP
INP measures responsiveness. Minimize heavy JavaScript, break up long-running tasks, defer non-critical scripts, and remove unnecessary third-party code. Every script that runs on interaction competes for the browser’s attention; leaner pages respond faster to every tap and click.
Turn searches into customers.
Tell us about your business and your market — we’ll map the fastest path to rankings and reply within one business day.
Begin a ProjectHow to improve CLS
CLS is about stability. Always set width and height on images and videos, reserve space for ads and embeds, and avoid inserting content above existing content as the page loads. Web fonts can also cause shifts, so load them carefully. Nothing frustrates users more than tapping a button that jumps at the last second.
Measure with the right tools
Use PageSpeed Insights for lab and field data on individual pages, and Search Console’s Core Web Vitals report to see issues across your whole site grouped by type. Field data — from real users — is what Google actually uses, so prioritize it over lab scores when they disagree.
Why speed pays twice
Speed is a ranking factor and a conversion factor at once. A faster site holds more visitors, ranks a little better, and converts more of the traffic it earns — benefiting SEO, paid search, and every other channel that sends people to your pages. It is one of the cheapest, highest-return improvements you can make.
A fast site is the cheapest conversion optimization you will ever do — and it protects your rankings. If your site feels sluggish, our web development team can audit and fix it. Get in touch for a performance review.
Frequently Asked Questions
What are Core Web Vitals?
Core Web Vitals are Google’s metrics for real-world page experience: Largest Contentful Paint (loading), Interaction to Next Paint (responsiveness), and Cumulative Layout Shift (visual stability). They measure how fast and stable a page feels to actual users, and they are a confirmed, if modest, ranking factor.
Are Core Web Vitals a ranking factor?
Yes, but a modest one. They are part of Google’s page experience signals and act mostly as a tiebreaker between pages of similar relevance and quality. Their bigger value is conversion: faster, more stable pages keep more visitors and turn more of them into customers, which benefits every channel.
What is a good LCP score?
Aim for Largest Contentful Paint under 2.5 seconds, measured on real mobile devices. Between 2.5 and 4 seconds needs improvement, and over 4 seconds is poor. The most common fix is optimizing the main hero image — compressing it, sizing it correctly, and serving a modern format like WebP.
How do I improve Core Web Vitals?
Improve LCP by optimizing the largest image and reducing render-blocking CSS and JavaScript; improve INP by minimizing heavy scripts and breaking up long tasks; improve CLS by setting width and height on images and reserving space for embeds. Measure with PageSpeed Insights and Search Console, fix the biggest issues first, then re-test.
Let’s build what’s next.
Tell us where your brand is headed — we’ll reply within one business day with where to start.