Shopify Store Speed Optimisation: Complete Guide for 2026

Page speed is not a technical nicety — it is a direct revenue driver. Google’s research shows that a 100ms delay in load time reduces conversion rates by 7%. On mobile, where 70%+ of Shopify traffic now originates, a slow store loses sales at every stage of the funnel.

This guide covers every proven speed optimisation technique for Shopify stores in 2026, from quick wins you can implement today to deeper technical improvements that require a developer.

Measuring Your Current Speed

Before optimising, establish a baseline. Use these free tools:

• Google PageSpeed Insights (PSI): Shows Core Web Vitals scores and specific recommendations. Test your homepage, a collection page, and your most important product page
• Shopify Speed Report: Found in Online Store → Themes → Speed. Compares your score against similar Shopify stores
• GTmetrix: Detailed waterfall chart showing which resources load slowly and in what order
• WebPageTest: Test from multiple global locations — speed varies significantly by geography

Target scores: PageSpeed Insights mobile 60+ (good), 90+ (excellent). Core Web Vitals: LCP under 2.5s, INP under 200ms, CLS under 0.1.

Image Optimisation (Biggest Impact)

Images account for 60–80% of a typical Shopify store’s page weight. Fixing image performance is the single highest-impact action for most stores.

Use the Right Format

Shopify automatically serves images in WebP format to browsers that support it (all modern browsers). Ensure you upload images in JPEG or PNG — Shopify handles WebP conversion. Do not upload images as GIF (except for actual animations) or BMP.

Upload at the Correct Size

Product images: maximum 2048×2048px at 72 DPI. Hero banner images: 2000px wide maximum. Shopify serves scaled-down versions via its CDN — uploading a 6000×4000px DSLR photo is unnecessary and forces larger downloads on all devices.

Compress Before Uploading

Use TinyPNG, Squoosh, or Compressor.io to reduce file sizes before uploading. Target: product images under 200KB, hero images under 400KB. The Shopify app Crush.pics automates compression for your existing image library.

Lazy Load Below-the-Fold Images

Modern Shopify themes (Dawn and most 2.0 themes) lazy load images by default — images below the fold load only when the user scrolls to them. Check your theme settings and ensure lazy loading is enabled. For older themes, a developer can add the loading="lazy" attribute to image tags.

App Audit — Remove What You Do Not Use

Every installed Shopify app has the potential to inject JavaScript and CSS into your storefront — even apps you no longer actively use. A store with 20+ installed apps often carries 15–20 unused scripts.

Conduct a quarterly app audit:

• List every installed app
• Confirm active use and revenue contribution for each
• Uninstall apps you do not actively use — uninstalling (not just disabling) removes the code from your storefront
• Use GTmetrix waterfall view to identify which domains are loading scripts on your store — cross-reference with your app list

Removing 5–10 unused apps typically improves PageSpeed scores by 10–20 points and reduces load time by 0.5–1.5 seconds.

Theme Optimisation

Choose a Performance-First Theme

Older Shopify themes (pre-Online Store 2.0) often carry significant performance debt. Shopify’s free Dawn theme scores consistently above 90 on PSI and serves as the performance benchmark. Premium themes built on the 2.0 architecture (including Granivio, Impulse, Prestige) are also well-optimised out of the box.

Disable Unused Theme Features

Video backgrounds, parallax effects, animated sections and complex sliders all add JavaScript weight. In your theme customiser, disable any feature you are not actively using. A homepage with a static hero image typically loads 0.8–1.5 seconds faster than one with an auto-playing video.

Preload Your Largest Contentful Paint Element

The LCP element (usually the hero image on the homepage, or the main product image on product pages) should be preloaded. Add a preload link tag in your theme’s <head> section: <link rel="preload" as="image" href="{{ section.settings.hero_image | img_url: '2000x' }}">. This signals the browser to fetch the critical image as early as possible.

JavaScript Optimisation

Defer Non-Critical Scripts

Scripts loaded in the <head> block page rendering until they finish downloading. Scripts that are not needed for initial page display (analytics, chat widgets, review widgets) should be loaded with defer or async attributes, or better, loaded after the main page content is interactive.

Replace Apps with Native Theme Features

Many merchants use apps for features that are available natively in modern themes or through Shopify’s own functionality: countdown timers, image zoom, sticky header, product reviews (Shopify has a native reviews feature), size guides, and before/after sliders. Replacing an app with native code eliminates one more third-party script.

Shopify CDN Advantage

Shopify hosts all stores on its global CDN (powered by Fastly), with edge nodes in over 60 countries. Your static assets — images, CSS, JavaScript — are served from the closest geographic location to each visitor. This is built-in and requires no configuration. What it means practically: international customers load your assets almost as fast as local ones.

Font Optimisation

Custom fonts cause Flash of Unstyled Text (FOUT) or Flash of Invisible Text (FOIT), both of which hurt perceived performance and CLS scores. Best practices:

• Use a maximum of 2 font families (one for headings, one for body)
• Load fonts with font-display: swap — browser shows fallback immediately, swaps to custom font when loaded
• Preload the primary font file in <head>
• Consider using system fonts (SF Pro, Segoe UI, system-ui) for body text — zero load time, near-identical appearance on most devices

Speed and Conversion: The Business Case

A store earning $50,000/month with a 2% conversion rate and a 4-second mobile load time: improving to a 2-second load time typically lifts conversion rate to 2.3–2.5% — an additional $7,500–$12,500 in monthly revenue on the same traffic. Speed optimisation is not a technical project; it is a revenue project.

Prioritise image compression and app audits first — they deliver the largest gains with the least complexity. Then address JavaScript and theme-level optimisations. Revisit your PageSpeed score quarterly as new apps and content are added.