Core Web Vitals are Google’s way of measuring how fast, responsive and stable your website feels to real visitors. They are part of Google’s page experience signals, and they directly affect how many visitors stay, buy or contact you. A slow, jumpy page loses customers before they read a single word.
In this guide you will learn what each metric means, how to test your site, and exactly how to improve Core Web Vitals on WordPress, Shopify and custom websites, in plain English.
What Are Core Web Vitals?
Core Web Vitals are three metrics based on real user data from the Chrome browser:
| Metric | What It Measures | Good | Poor |
|---|---|---|---|
| LCP – Largest Contentful Paint | How fast the main content (usually the hero image or headline) loads | 2.5 seconds or less | Over 4 seconds |
| INP – Interaction to Next Paint | How quickly the page responds when users click, tap or type | 200 ms or less | Over 500 ms |
| CLS – Cumulative Layout Shift | How much the layout jumps around while loading | 0.1 or less | Over 0.25 |
To pass, at least 75% of your real visits need to hit the “good” range for all three metrics, on both mobile and desktop.
How to Test Your Core Web Vitals
- PageSpeed Insights – shows real-user (field) data and lab data, plus specific fixes.
- Google Search Console – the Core Web Vitals report groups your URLs into Good, Needs Improvement and Poor.
- Chrome DevTools / Lighthouse – for developers to debug individual pages.
Focus on mobile results first. Most US traffic is mobile, and mobile scores are usually lower.
How to Improve LCP (Loading Speed)
- Optimize the hero image. Resize it to the size it is displayed, compress it and serve it in WebP or AVIF.
- Do not lazy-load the main image. Lazy-loading the above-the-fold image delays LCP. Add
fetchpriority="high"to it instead. - Use fast hosting and a CDN. Slow server response (TTFB) delays everything. A CDN serves files from servers close to your US visitors.
- Enable page caching. Caching serves ready-made HTML instead of building every page from scratch.
- Remove render-blocking CSS and JavaScript. Inline critical CSS and defer non-essential scripts.
- Avoid heavy sliders and video backgrounds at the top of the page.
How to Improve INP (Responsiveness)
- Reduce JavaScript. Remove unused plugins, apps and tracking scripts. Every script competes for the browser’s attention.
- Delay third-party scripts. Load chat widgets, heatmaps and social embeds after the user interacts or after the page loads.
- Break up long tasks. Developers can split heavy JavaScript into smaller chunks so the page stays responsive.
- Simplify page builders. Heavy page-builder layouts with many nested elements create a large DOM that slows interaction.
How to Improve CLS (Visual Stability)
- Set width and height on all images and videos so the browser reserves space before they load.
- Reserve space for ads, banners and embeds.
- Load web fonts properly. Use
font-display: swapand preload key fonts to avoid text jumping. - Do not insert content above existing content, such as cookie bars or promo banners that push the page down.
Core Web Vitals Fixes by Platform
WordPress
- Use a lightweight theme and limit page-builder add-ons.
- Install a solid caching plugin (WP Rocket, LiteSpeed Cache or similar).
- Convert images to WebP and remove unused plugins.
- Upgrade to a current PHP version and quality hosting.
Shopify
- Choose an Online Store 2.0 theme built for speed.
- Uninstall apps you do not use; leftover app code can remain in the theme.
- Compress product images and limit homepage sections.
Custom and React websites
- Use server-side rendering or static generation for important pages.
- Split code by route and lazy-load non-critical components.
- Optimize images with a modern image component and CDN.
If your site feels slow in general, our article on why your website is so slow covers the most common causes.
Do Core Web Vitals Affect SEO?
Yes, but they are one signal among many. Great content that matches search intent still matters most. However, when competing pages are similar, a faster and smoother experience can help, and it always helps conversions. A faster site means more visitors stay, read and buy.
Get a Faster Website That Passes Core Web Vitals
WP Web Core provides website speed optimization for WordPress, WooCommerce, Shopify and custom sites. We audit your pages, fix LCP, INP and CLS issues, optimize images and scripts, and set up caching and CDN, then show you the before-and-after results.
Want SEO and speed handled together? See our SEO services or request a free speed audit.
Frequently Asked Questions
What are the three Core Web Vitals?
The three Core Web Vitals are Largest Contentful Paint (LCP) for loading, Interaction to Next Paint (INP) for responsiveness, and Cumulative Layout Shift (CLS) for visual stability.
What is a good Core Web Vitals score?
A good score is LCP of 2.5 seconds or less, INP of 200 milliseconds or less, and CLS of 0.1 or less, for at least 75% of page visits.
How long does it take to improve Core Web Vitals?
Many fixes can be made in a few days, but Google’s field data is based on a rolling 28-day period, so it can take about a month to see updated results in Search Console.
Why does my site pass on desktop but fail on mobile?
Mobile devices have slower processors and networks. Heavy images, large JavaScript files and third-party scripts affect mobile much more than desktop.