Blog/Core Web Vitals for eCommerce: Why Speed Is a Revenue Issue, Not Just a Tech Issue
CORE WEB VITALSPAGE SPEEDECOMMERCEPERFORMANCE

Core Web Vitals for eCommerce: Why Speed Is a Revenue Issue, Not Just a Tech Issue

RankCart TeamApril 7, 20264 min read
IN THIS ARTICLE
The three metrics that matterWhat good scores look like for online storesThe biggest speed killers for eCommerce1. Unoptimised product images2. Third-party scripts3. Render-blocking CSS and JavaScript4. No content delivery network (CDN)Fixes ranked by impactSpeed as a competitive advantage

Core Web Vitals (CWV) are Google's way of measuring how fast and stable your pages feel to real users. Since 2021, they've been a confirmed ranking factor — meaning slow stores rank lower than fast ones, all else being equal.

For eCommerce, this hits harder than for most sites. Product pages are image-heavy, often loaded with third-party scripts (reviews, chat widgets, analytics), and expected to load on mobile connections. The gap between a fast store and a slow store can mean thousands in monthly revenue.

The three metrics that matter

  • Largest Contentful Paint (LCP) — How long until the biggest visible element loads. For product pages, this is usually the main product image. Target: under 2.5 seconds. This is the most impactful metric for eCommerce.
  • Cumulative Layout Shift (CLS) — How much the page layout jumps around as it loads. If buttons move while a shopper is trying to tap them, that's bad CLS. Target: under 0.1.
  • Interaction to Next Paint (INP) — How quickly the page responds when a user clicks or taps. Slow add-to-cart buttons or unresponsive filters hurt this score. Target: under 200ms.

What good scores look like for online stores

Google categorises CWV scores as Good (green), Needs Improvement (yellow), or Poor (red). For eCommerce stores specifically:

  • A speed score of 80+ is competitive — you're not losing rankings to speed alone
  • A score of 50–79 means there's room for improvement and you may be losing rankings to faster competitors
  • Below 50 is a significant disadvantage — every competitor with better speed has an edge over you for the same keywords

The goal isn't a perfect 100. It's being fast enough that speed isn't the reason you rank lower than competitors. RankCart's Competitor Intel shows you exactly how your speed compares to specific competitors, so you know whether this is a priority gap or not.

The biggest speed killers for eCommerce

1. Unoptimised product images

This is the #1 cause of slow eCommerce pages. A single uncompressed product image can be 2–5MB. Multiply that across a gallery of 4–6 images and your page is trying to download 15MB+ before it even renders. Switch to WebP, compress aggressively, and lazy-load below-the-fold images.

2. Third-party scripts

Every app or widget you add (review widgets, chat bots, analytics trackers, pop-ups) adds JavaScript that blocks or delays page rendering. Audit your installed apps — remove anything you're not actively using, and defer loading non-critical scripts.

3. Render-blocking CSS and JavaScript

If your stylesheets and scripts load synchronously in the <head>, the browser has to download and process all of them before it can show anything to the user. Move non-critical scripts to the footer, use async or defer attributes, and inline critical CSS.

4. No content delivery network (CDN)

If your images and assets are served from a single server, users far from that server experience slow loads. Most modern eCommerce platforms include a CDN by default, but check that it's actually active for your image assets.

Fixes ranked by impact

  1. Compress and convert images to WebP — Highest impact, lowest effort. Can reduce page weight by 50–70%.
  2. Lazy-load below-the-fold images — Only load images as the user scrolls to them. Most platforms support this natively or via a simple setting.
  3. Remove unused apps and scripts — Audit every third-party script. If you installed a chat widget six months ago and never use it, it's still slowing down every page load.
  4. Preload the hero image — Tell the browser to start downloading your main product image immediately, before it discovers it in the HTML. This directly improves LCP.
  5. Use system fonts or font-display: swap — Custom fonts can delay text rendering by 1–3 seconds. Using system fonts or the font-display: swap CSS property fixes this.

Speed as a competitive advantage

Page speed isn't just about avoiding penalties — it's a genuine competitive edge. Studies consistently show that faster pages convert better. Amazon famously found that every 100ms of added latency cost them 1% in sales. For smaller stores, the effect is even more pronounced because shoppers have less brand loyalty and will simply go elsewhere.

Run a RankCart audit to see your current speed score alongside your competitors. If they're faster, the speed section will show you exactly what to fix and how much impact each fix will have.

Speed improvements compound: faster pages rank higher, get more traffic, earn more backlinks, and convert better. It's one of the few SEO investments that pays off across every metric.

See what your store is missing

Run a free SEO & AI readiness audit on your Shopify store — no signup required.

Check My Store for Free →
Related reading
April 10, 2026 · 5 min read

How to Fix a Slow Shopify Store: Speed Optimization Guide

A slow store loses customers. Learn the common causes of Shopify speed issues and how to fix them — step by step.

April 9, 2026 · 4 min read

Image SEO for eCommerce: Alt Text, Compression, and the Traffic You're Missing

Product images without alt text are invisible to Google Image Search. Learn how to optimise your store's images for search visibility, accessibility, and faster page loads.

April 20, 2026 · 6 min read

How to Fix SEO Issues for Shopify (2026 Guide)

A practical guide to the SEO problems we see in 80% of Shopify audits — and exactly how to fix each one. SEO fixes for Shopify stores — the issues we see in 80% of audits.

← Back to all articles