In 2021, Google officially made Core Web Vitals a ranking factor. That means your store's speed and stability directly affect where you appear in search results — not just how fast customers can buy from you.
Most ecommerce store owners have heard of Core Web Vitals but have no idea what they actually measure. Here's a plain-English explanation and exactly what to do to improve your scores.
What Are Core Web Vitals?
Core Web Vitals are three specific measurements Google uses to assess the real-world experience of visiting a webpage. They measure different aspects of how a page loads and responds.
1. Largest Contentful Paint (LCP) — Loading
What it measures: How long it takes for the largest visible element on the page to load. This is usually your hero image or main product photo.
Why it matters: LCP is the moment when a visitor feels like the page has "loaded." If it takes too long, they leave — and Google knows it.
Target: Under 2.5 seconds is "Good." 2.5–4.0 seconds is "Needs Improvement." Over 4.0 seconds is "Poor."
For ecommerce stores: Your largest element is almost always your hero image or main product image. Compressing and properly sizing this image has the biggest impact on LCP.
2. Interaction to Next Paint (INP) — Interactivity
What it measures: How quickly your page responds when a visitor interacts with it — clicking a button, selecting a product variant, adding to cart.
Why it matters: A slow response to interaction signals a page that feels broken or unresponsive. Visitors abandon carts when buttons feel laggy.
Target: Under 200ms is "Good." 200–500ms is "Needs Improvement." Over 500ms is "Poor."
For ecommerce stores: Heavy JavaScript from third-party apps is usually the culprit. Every app you install adds code that runs when users interact with your pages.
3. Cumulative Layout Shift (CLS) — Visual Stability
What it measures: How much the page layout shifts unexpectedly as it loads — buttons moving, text jumping, images popping in and pushing content down.
Why it matters: Layout shift causes accidental clicks and makes your store look broken. A customer who accidentally clicks something they didn't mean to clicks away.
Target: Under 0.1 is "Good." 0.1–0.25 is "Needs Improvement." Over 0.25 is "Poor."
For ecommerce stores: This is commonly caused by images without defined dimensions, ads that load after content, or custom fonts that swap in as the page loads.
How to Check Your Core Web Vitals (Free)
Option 1 — PageSpeed Insights
Go to pagespeed.web.dev, enter your store URL, and run the test. You'll see your scores for both mobile and desktop, with specific recommendations for each issue found.
Run it on your homepage and your most important product page — they often have very different scores.
Option 2 — Google Search Console
If you have Search Console set up (you should — here's how), go to Experience → Core Web Vitals. This shows real-world data from actual visitors to your store, grouped by "Good," "Needs Improvement," and "Poor."
The Search Console report is more valuable than PageSpeed Insights because it reflects real user conditions rather than a single lab test.
Option 3 — Free Audit Tool
Run a free audit on your store → to get your PageSpeed scores alongside a plain-English breakdown of what's slowing you down.
The Most Common Core Web Vitals Problems in Ecommerce
Unoptimised images (affects LCP)
By far the most common cause of poor Core Web Vitals in ecommerce stores. Product images uploaded at full size (3–10MB) from a camera or design tool will destroy your LCP score.
Fix: Compress every image before uploading using squoosh.app. Convert to WebP format. Target under 200KB per product image, under 100KB for thumbnails.
Too many third-party apps (affects INP and LCP)
Every app or plugin you install injects JavaScript into your pages. By the time a store has 15–20 apps (common on Shopify), there's often more app code loading than actual store content.
Fix: Audit your installed apps. Remove anything you haven't used in 3 months. Even keeping an app installed but unused adds load.
Images without explicit dimensions (affects CLS)
When a browser doesn't know how big an image will be before it loads, it can't reserve the right amount of space. Content renders without the image, then shifts when the image loads.
Fix: Always define width and height attributes on image tags, or use CSS aspect-ratio to reserve space. In Shopify and WooCommerce, properly configured themes handle this automatically — but custom sections or third-party apps often don't.
Render-blocking resources (affects LCP)
Fonts, stylesheets, and scripts that load in the document <head> block the browser from rendering anything until they're downloaded. The page appears blank to the user until these finish.
Fix: Load non-critical CSS asynchronously. Defer non-essential JavaScript. Preload your largest above-the-fold image. Caching plugins on WooCommerce (WP Rocket, LiteSpeed Cache) handle much of this automatically.
Slow server response (affects LCP)
Even before the browser downloads a single asset, it has to receive the initial HTML from your server. A slow server adds delay to everything that follows.
Fix: For WooCommerce, this is primarily a hosting issue. Managed WordPress hosts like Rocket.net — which we use for every store we build — have server response times under 200ms. Shared hosting can easily hit 2+ seconds on the first response alone.
Core Web Vitals by Platform
Shopify
Shopify's infrastructure is fast. The platform itself won't be your bottleneck. The two main culprits are:
- Images — Shopify lets you upload anything; it doesn't compress for you by default
- Apps — Each installed app loads scripts on every page. Audit ruthlessly.
WooCommerce
WooCommerce's performance is directly tied to your hosting. A well-configured WooCommerce store on quality managed hosting consistently outperforms the equivalent Shopify store. A WooCommerce store on cheap shared hosting will score poorly regardless of other optimisations.
Essential plugins: a caching plugin (WP Rocket or LiteSpeed Cache), an image optimisation plugin (Imagify or ShortPixel), and a CDN.
How Much Do Core Web Vitals Actually Affect Rankings?
Google has been clear that Core Web Vitals are a "tiebreaker" signal — a page with great content but poor vitals will usually outrank a page with poor content but great vitals.
But in competitive niches, where many pages have similar content quality, Core Web Vitals become decisive. And the conversion impact — independent of rankings — is significant. Research consistently shows that every 100ms improvement in load time increases conversion rates by 1–2%.
For a store doing $10,000/month in revenue, that's $1,200–$2,400 per year from a speed improvement that might take an afternoon to implement.
Not sure where your store stands? Run a free audit → and get your exact scores with a breakdown of what to fix first.
