JNL / All Posts

E-commerce

Core Web Vitals for Ecommerce: How Page Speed Affects Sales

A 1-second delay in page load reduces conversions by 7%. Here's how Core Web Vitals affect e-commerce revenue, which metrics matter most, and where to start fixing them.

Published Jan 28, 2026Updated Mar 4, 20266 minBy Laurynas Zilinskas
Online store dashboard with performance and sales metrics

Page speed in e-commerce isn't a technical metric — it's a revenue metric. Google's own data shows that a 1-second delay in mobile page load reduces conversions by 7%. For a store doing €500,000 in annual revenue, that's €35,000/year lost to slow pages. Here's what to measure, what matters most, and where to start.

What Are Core Web Vitals?

Core Web Vitals are Google's standardised measure of real user experience — they reflect how fast your pages actually feel to visitors, not just how fast they technically load. As of 2024, Google uses them as a ranking signal for all pages. The three metrics that matter:

MetricWhat It MeasuresGoodNeeds WorkPoor
LCP (Largest Contentful Paint)How fast the main content loads< 2.5s2.5–4.0s> 4.0s
INP (Interaction to Next Paint)How fast the page responds to clicks< 200ms200–500ms> 500ms
CLS (Cumulative Layout Shift)How much the page layout jumps around during load< 0.10.1–0.25> 0.25

The Commercial Impact: Numbers You Can Use

Key benchmarks from Google and industry research:
• 53% of mobile users abandon sites that take more than 3 seconds to load (Google/SOASTA)
• A 100ms improvement in load time increases conversion rates by 1% (Deloitte/Google study)
• Walmart found that every 1-second improvement led to a 2% increase in conversions
• Pinterest reduced load times by 40% and saw a 15% increase in SEO traffic and 15% increase in sign-up conversion

Where E-Commerce Speed Problems Live

The speed bottlenecks in e-commerce stores are predictable and fixable. In order of impact:

  1. Unoptimised images. Product images are typically the largest assets on any e-commerce page. Serving full-resolution images (2–5MB each) instead of properly sized, WebP-formatted versions is the single most common cause of poor LCP scores. Fix: compress all images, serve in WebP format, implement lazy loading for below-fold images.
  2. Render-blocking JavaScript. Third-party scripts — analytics, chat widgets, review apps, marketing tools — block the browser from rendering the page. Each script is a tax on every page load. Audit your third-party script load and defer everything non-critical.
  3. Layout shift from dynamic content. Product images, banner ads, and review widgets that load after the initial render cause layout shift (CLS). Fix by explicitly setting image dimensions and reserving space for dynamically-loaded elements.
  4. Large, unoptimised theme files. Many Shopify and WooCommerce themes load 400–800KB of CSS and JavaScript on every page — most of it unused. A well-optimised custom build can deliver the same visual result in under 100KB.
  5. Slow server response (TTFB). Cheap shared hosting creates slow server response times that compound every other performance problem. Upgrading to managed hosting (WP Engine, Kinsta, Vercel) typically improves TTFB from 800ms+ to under 200ms.

Where to Start: The Priority Order

Don't optimise the homepage first — optimise the revenue path. The pages with the highest commercial impact are: product detail pages (where purchase decisions are made), category pages (where discovery happens), and cart and checkout pages (where conversions are won or lost). Start there.

Run Google PageSpeed Insights on your three highest-revenue product pages today. Any score below 70 on mobile represents a quantifiable revenue leak that can be fixed.

We build e-commerce sites that pass Core Web Vitals as a baseline — not an afterthought.

See our e-commerce development approach or get a free performance audit of your current store. View e-commerce services or request a free audit.

core web vitals ecommerceecommerce performanceconversion optimization

Author

Laurynas Zilinskas

Laurynas Zilinskas

Design & Development Lead

Founder and technical lead at Anemo Agency. Specializes in conversion-focused website architecture, performance optimization, and implementation systems for growth-stage teams.

View LinkedIn profile