All posts
CRO

Shopify Site Speed and Conversion Rate: What the Data Actually Shows

Tom BannerTom Banner·20 January 2026·Updated 10 May 2026·5 min read

Quick Summary

Page speed is directly tied to Shopify conversion rates, with research showing a one-second delay can reduce conversions by up to 20%. The most common causes of slowness are app bloat, oversized images, heavy theme code, and third-party scripts loading synchronously.

This article walks through how to measure speed using Google PageSpeed Insights and Core Web Vitals, then covers the highest-impact fixes: removing unused apps, compressing images, enabling lazy loading, deferring non-critical scripts, and stripping unused theme sections.

The relationship between page speed and conversion rate is one of the most well-documented findings in ecommerce UX. Google's research found that a one-second delay in mobile load time reduces conversions by up to 20%. Deloitte's analysis found that a 0.1-second improvement in speed increased conversion rates by 8.4% in retail.

These aren't marginal numbers. And yet speed remains one of the most consistently neglected areas of Shopify store optimisation.

Why Shopify stores get slow

Shopify's core platform is well-optimized, but the layers added on top of it are not. The four main causes of slow Shopify stores are app bloat from inactive apps still loading JavaScript, oversized product images uploaded from camera at original resolution, heavy theme code for features not in use, and third-party scripts loading synchronously and blocking page render.

Shopify's core platform is well-optimised. The speed problem almost always lives in the layers added on top of it:

App bloat. The average Shopify store has 6–10 installed apps. Most inject their own JavaScript and CSS, even apps that are inactive or used only in the admin. Each script adds to load time. An abandoned review app that you stopped using 18 months ago is still loading code on every page visit. When evaluating review apps specifically, it's worth checking whether they load asynchronously — the guide to review display UX covers this as a key evaluation criterion.

Oversized images. Product images uploaded directly from a camera or stock library are often 3–8MB. Even with Shopify's built-in image serving, unoptimised source images increase time-to-first-byte and layout shift. For guidance on the right number and types of images to include — and how to balance quality against file size — the Shopify product image UX guide covers both the content and technical considerations.

Heavy theme code. Premium themes often include functionality for features you're not using: sliders, countdown timers, product video players. The associated scripts load regardless. "Theme bloat" is real.

Third-party scripts. Analytics, chat widgets, review platforms, loyalty programmes, personalisation tools. Each adds network requests and script execution time.

How to measure your current speed

Measure Shopify store speed using Google PageSpeed Insights and Shopify's built-in speed score. In PageSpeed Insights, focus on three Core Web Vitals: LCP under 2.5 seconds, CLS under 0.1, and INP under 200ms. A mobile score below 50 warrants urgent attention. Shopify's built-in score below 40 is a clear signal of performance problems.

Start with these free tools:

Google PageSpeed Insights

Paste your homepage and top product page URL into PageSpeed Insights. Focus on the Core Web Vitals section:

  • LCP (Largest Contentful Paint): Target under 2.5 seconds. This is the time until the main content appears.
  • CLS (Cumulative Layout Shift): Target under 0.1. Measures how much page elements move during load. Jarring shifts erode trust.
  • INP (Interaction to Next Paint): Target under 200ms. Measures responsiveness to user input.

A score below 50 on mobile warrants urgent attention.

Shopify's built-in speed score

In the Shopify admin, Online Store > Themes shows a speed score. This is a simplified metric, but a score below 40 is a clear signal.

The highest-impact fixes

The five highest-impact Shopify speed fixes are: removing unused apps and verifying their code is gone from theme.liquid, compressing and resizing product images to Shopify's recommended dimensions, enabling lazy loading for off-screen images, deferring non-critical third-party scripts, and removing unused theme sections. Start with app removal for the fastest results at zero development cost.

1. Audit and remove unused apps

Go to your Shopify admin > Apps and review every installed app. Ask: is this actively in use? Does it load on the storefront? Uninstall any app that isn't earning its place.

After uninstalling, check that the app's code has been removed from your theme. Some apps inject code into theme.liquid that persists after uninstallation.

2. Compress and resize images

Use Shopify's recommended image sizes: 2048x2048px maximum for product images, 1600px wide for banners. If you have original files larger than 1MB, re-export them.

For images already on your store, apps like Crush.pics or TinyIMG can bulk-compress your existing library.

3. Enable lazy loading for images

Images that are not in the initial viewport should load only when the user scrolls toward them. Shopify's native <img> tags support the loading="lazy" attribute. Many modern themes handle this automatically, but it's worth checking on older themes.

4. Defer non-critical scripts

Scripts for chat widgets, loyalty programmes, and marketing tools often load synchronously, blocking page render. Most platforms allow their scripts to be loaded asynchronously or deferred. Check each tool's documentation.

5. Remove unused theme sections

If your theme includes sections or features you never use (parallax backgrounds, custom video players, popup newsletter forms you disabled), removing them from theme.liquid reduces the amount of JavaScript loaded on every page.

The compounding effect

Speed improvements multiply the impact of every other UX investment on the page. A faster-loading trust signal is seen more often. A faster add-to-cart response increases shopper confidence. Visitors who experience slow or jumpy page loads are more likely to distrust a store's legitimacy, which undermines all the conversion work done elsewhere on the page.

Speed improvements compound with other UX work. A faster-loading trust signal is seen more often. A faster add-to-cart response gives shoppers more confidence. A faster checkout reduces form fatigue. The relationship between load time and trust perception is direct — visitors who experience slow or jumpy page loads are more likely to doubt a store's legitimacy, which connects to everything covered in the guide to trust signals that convert.

The highest-ROI sequence for most stores: fix app bloat first (highest impact, no development cost), then address image sizing, then defer non-critical scripts.

Our UX Audit includes a speed and performance review alongside the UX analysis.

Frequently asked questions

How much does page speed affect Shopify conversion rates?

Significantly. Google's research found a one-second delay in mobile load time reduces conversions by up to 20%. Deloitte's analysis found a 0.1-second improvement increased retail conversion rates by 8.4%. Speed is one of the highest-leverage variables in ecommerce.

Why is my Shopify store slow?

The most common causes are app bloat from inactive or redundant apps still loading JavaScript, oversized images uploaded at original camera resolution, heavy theme code for features you don't use, and third-party scripts loading synchronously.

What is a good Shopify speed score?

Shopify's built-in speed score should be above 40 as a minimum. On Google PageSpeed Insights, target an LCP under 2.5 seconds, CLS under 0.1, and INP under 200ms for your mobile score. A mobile score below 50 warrants urgent attention.

How do I fix Shopify app bloat?

Review every app in your Shopify admin and uninstall any that are not actively in use or earning their place. After uninstalling, check that the app's code has been removed from your theme.liquid file, as some apps leave code behind after uninstallation.

What image size should I use for Shopify product photos?

Shopify recommends a maximum of 2048x2048px for product images and 1600px wide for banners. Original files larger than 1MB should be re-exported before uploading. Apps like Crush.pics or TinyIMG can bulk-compress images already on your store.

Tom Banner

UX Designer & Conversion Specialist

Tom Banner is a UX designer with 8 years of experience specialising in Shopify conversion optimisation. He has audited hundreds of Shopify stores including Wahl, Vionic, and Farer.

Fixed price. Fast turnaround.

Find your conversion leaks.

A focused expert review of your store with Figma redesigns and a Loom walkthrough. Pick one page or get the full picture.