Google confirmed that Core Web Vitals remain a ranking signal in 2025. More importantly, slow pages are less likely to be cited in AI Overviews — Google’s systems deprioritize content from sites with poor user experience signals. For e-commerce specifically, every second of load time correlates directly to conversion rate. Speed is not optional.
The Three Core Web Vitals
Largest Contentful Paint (LCP)
LCP measures how quickly the largest content element (usually a hero image or H1) becomes visible. Target: under 2.5 seconds. The most common LCP causes:
- Large, unoptimized hero images (solve with WebP format, lazy loading exceptions for above-fold)
- Render-blocking resources (defer non-critical CSS and JavaScript)
- Slow server response time (TTFB over 0.8s — consider CDN or better hosting)
Cumulative Layout Shift (CLS)
CLS measures unexpected layout shifts that occur after content loads. Target: under 0.1. Common causes:
- Images without width/height attributes (always specify dimensions)
- Ads or embeds that load after surrounding content
- Fonts that swap and resize text during load (use font-display: optional or swap with size-adjust)
Interaction to Next Paint (INP)
INP replaced First Input Delay (FID) in March 2024. It measures the latency of all user interactions on a page. Target: under 200ms. Main culprits: heavy JavaScript execution on the main thread, long tasks blocking interaction response.
Tools for Measurement
- Google Search Console → Core Web Vitals report (field data from real users)
- PageSpeed Insights → both field data and lab data with specific recommendations
- Chrome DevTools Performance panel → detailed waterfall for debugging
- Web Vitals Chrome extension → real-time CWV overlay while browsing
Shopify-Specific Speed Fixes
Shopify stores face specific challenges: app scripts that add JavaScript weight, large product image files, and theme code that isn’t always optimized. Priority fixes:
- Audit and remove unused Shopify apps (each app typically adds 20–100ms)
- Compress product images to under 100KB where possible (use Shopify’s built-in image optimizer or an app)
- Use a lightweight, performance-optimized theme (Dawn or custom-built themes built for speed)
- Lazy-load below-the-fold images
- Defer non-critical third-party scripts (live chat, analytics, reviews) to after page load
WordPress / WooCommerce Speed Fixes
- Use a caching plugin (WP Rocket, LiteSpeed Cache) with full-page caching enabled
- Serve images via a CDN (Cloudflare, BunnyCDN)
- Minify and combine CSS/JS files
- Use a performance-optimized hosting stack (not shared hosting for production WooCommerce)
- Implement Redis or Memcached for object caching on WooCommerce stores