Shopify Speed Optimisation:
Why It Matters and What Actually Works (2026)
Most Shopify stores underperform on speed not because the platform is slow — Shopify's infrastructure is fast — but because of what has been layered on top of it. Every app, every third-party script, every unoptimised image is a tax on load time. Here is how it compounds and how to fix it.
Why speed matters in 2026
Page speed affects three things directly: conversion, search rankings, and visibility to AI crawlers.
Conversion: mobile customers leave before slow pages finish loading. The relationship between LCP and conversion is not linear — a page that loads in 2 seconds converts measurably better than one that loads in 4 seconds, which converts substantially better than one at 6 seconds. For stores with significant mobile traffic, this is a revenue problem, not an optimisation exercise.
Search rankings: Google uses Core Web Vitals as a ranking signal. A store with poor CWV scores will rank lower than a comparable store with good scores, other things being equal.
AI crawler visibility: GPTBot, ClaudeBot, and PerplexityBot prioritise fast, cleanly structured pages for citation. A slow store with heavy JavaScript rendering is less likely to be indexed accurately and cited by AI systems responding to relevant queries.
Core Web Vitals explained
Core Web Vitals are Google's specific set of user experience metrics. They have been a ranking factor since 2021 and are measured on real-user data. The three metrics that matter:
| Metric | What it measures | Good target | Poor threshold |
|---|---|---|---|
| LCP | How long until the main content is visible | Under 2.5s | Over 4.0s |
| CLS | How much the layout shifts during load | Under 0.1 | Over 0.25 |
| INP | How fast the page responds to interaction | Under 200ms | Over 500ms |
Measure your store at pagespeed.web.dev. Run it on the product page as well as the homepage — product pages carry more third-party app scripts and are often slower. Mobile scores are what matter; desktop scores typically look fine even on slow stores.
The real causes of slow Shopify stores
App scripts. This is the primary cause of slow Shopify stores. Every app installed adds at least one JavaScript file that loads on every page, regardless of whether the app is visible. A store with 15 apps is loading 15+ additional scripts on every page view. The time these take to execute — blocking the main thread — directly increases LCP and INP. Removing apps is the highest-leverage speed action for most stores.
Unoptimised images. Hero images served as 3MB JPEGs when they should be 200KB WebP files are the single most common cause of poor LCP scores on product pages and homepages. Shopify generates multiple image sizes automatically, but only if images are served through the correct Liquid image filter. Theme code that directly references original uploaded image URLs bypasses Shopify's CDN resizing.
Render-blocking scripts in the document head. Scripts placed in the <head> without defer or async attributes block the browser from rendering anything until the script loads and executes. Third-party tools installed via Shopify's additional scripts section commonly do this.
Fonts loaded inefficiently. Loading six font weights from Google Fonts when two are used adds unnecessary round-trips. Font display settings that cause a flash of invisible text (FOIT) contribute to poor CLS scores.
Theme code quality. Heavily customised themes with multiple layers of overrides, conflicting CSS, and duplicate JavaScript are inherently slower than clean theme code. This is a structural problem that image compression and app removal alone cannot fix.
What actually works
Remove unused apps. Not reduce — remove. Check each installed app against a simple question: can I directly attribute revenue or a measurable UX improvement to this app? If not, remove it. The speed improvement is immediate and requires no code changes.
Serve images at the correct size. Use Shopify's image_url filter with explicit width parameters in Liquid code. Serve WebP format. Add explicit width and height attributes to all <img> tags to eliminate layout shift. Lazy-load images that appear below the fold.
Defer non-critical scripts. Any third-party script that does not need to run before the page is interactive — chat widgets, review carousels, pop-up tools — should load with defer or after a user interaction event. This removes them from the critical rendering path without disabling their functionality.
Load only the font weights you use. If the design uses Regular (400) and Medium (500), load only those. Add font-display: swap to prevent invisible text during font load.
Use Shopify's native features where possible. Shopify's built-in section rendering, predictive search, and cart AJAX are well-optimised. Third-party apps that replace these with their own implementations often perform worse.
What does not work
Installing a "speed optimisation" app. These apps often add as much weight as they remove and can break theme functionality. They are a band-aid that does not address root causes.
Compressing images when scripts are the problem. If your PageSpeed report shows render-blocking resources and third-party script execution as the main issues, image compression alone will move your score by 5 points at most. Fix the actual bottleneck.
Switching themes without auditing the new theme's performance. Many premium Shopify themes have animation libraries, video backgrounds, and scroll effects that perform poorly on mobile. A theme that looks good on desktop can have a mobile LCP of 6+ seconds out of the box.
How to measure progress
- Google PageSpeed Insights: Free, accurate, shows field data and lab data separately. Run before and after any changes.
- WebPageTest (webpagetest.org): More detailed. Shows a full waterfall of all requests, which makes it easy to see exactly what is loading and when.
- GTmetrix: Good for tracking performance over time with scheduled monitoring.
- Shopify's built-in Online Store Speed report: Shopify admin → Online Store → Themes → View report. Shows your store's speed relative to similar stores.
For pre-launch speed checks as part of a full launch review, see Shopify Store Launch Checklist (2026). For how speed relates to conversion problems, see Why Is My Shopify Store Not Converting? (2026).
Adam Dirani builds Shopify stores with speed as a first-class requirement. Clean code, minimal app stack, fast by default. Write to discuss your store.