How to Improve Shopify Store Speed for Better Conversions

Paul

Your Shopify store feels sluggish, customers are bouncing before they even see a product, and you suspect speed is costing you sales. You are right. Stores that reduce load time by one second typically see a 2 to 3 percent improvement in conversion rate. The good news is that most Shopify speed problems come from a handful of fixable issues.

Why does Shopify store speed matter so much?

Page speed directly affects revenue. Google uses Core Web Vitals as a ranking factor, so a slow store gets less organic traffic. Once visitors do arrive, 53 percent of mobile users abandon a page that takes longer than three seconds to load, according to Google's own research.

Beyond bounce rates, speed affects perceived trust. A fast store feels professional. A slow one feels unreliable. If your Shopify store scores below 50 on Google PageSpeed Insights, you are leaving money on the table.

How do you measure your Shopify store speed?

Start with three free tools that give you different perspectives on performance.

Tool What It Measures Best For
Google PageSpeed Insights Core Web Vitals, lab and field data Overall performance score and specific recommendations
GTmetrix Fully loaded time, total page size, requests Identifying heavy resources
Shopify's Online Store Speed Report Speed score relative to other Shopify stores Quick benchmark against competitors

Run tests on your homepage, a collection page, and your best-selling product page. These three templates cover where most of your traffic lands.

Test on mobile first. Over 70 percent of Shopify traffic is mobile, and mobile connections are slower. Your desktop score might look fine while mobile shoppers struggle.

What causes slow Shopify stores?

The majority of speed issues on Shopify fall into five categories.

1. Unoptimised images

Images are the single biggest contributor to page weight on most Shopify stores. A single uncompressed hero image can be 3MB or more, which is larger than some entire web pages should be.

Shopify automatically serves images in WebP format through its CDN, but only if you use the image_tag or img_url Liquid filters. If your theme hardcodes image URLs or you have uploaded massive originals, the CDN cannot help you.

Fixes:

  1. Compress images before uploading. Use TinyPNG or Squoosh to reduce file size by 60 to 80 percent without visible quality loss.
  2. Set explicit width and height attributes on all images to prevent layout shift (this improves your CLS Core Web Vital score).
  3. Use Shopify's native lazy loading by adding loading="lazy" to images below the fold.
  4. Keep hero images under 200KB and product images under 100KB.

2. Too many Shopify apps

Every app you install can inject JavaScript and CSS into your storefront. We regularly audit stores running 25 or more apps where only 10 are actually needed. Each unnecessary app adds render-blocking resources.

Fixes:

  1. Audit your installed apps. Remove anything you are not actively using.
  2. Check if uninstalled apps left behind code snippets in your theme. Go to Online Store, then Themes, then Edit Code and search for remnants.
  3. For apps you do need, check whether they offer a "load on specific pages only" option.

3. Render-blocking JavaScript and CSS

Third-party scripts from apps, tracking pixels, and chat widgets all compete for the browser's attention during initial page load. Each script blocks rendering until it has been downloaded, parsed, and executed.

Fixes:

  1. Defer non-critical JavaScript by adding defer or async attributes to script tags.
  2. Move tracking scripts (Google Analytics, Meta Pixel) into Google Tag Manager and configure them to load after the page is interactive.
  3. Load chat widgets on interaction rather than on page load. Most chat providers support this.

4. Heavy or outdated themes

Not all Shopify themes are built equal. Some older themes use jQuery, large CSS frameworks, and inefficient Liquid code that adds hundreds of milliseconds to every page load.

Fixes:

  1. Check your theme's performance score in Shopify admin under Online Store, then Themes.
  2. Consider migrating to a modern, performance-focused theme. Dawn (Shopify's free reference theme) scores consistently above 90 on PageSpeed Insights.
  3. If switching themes is not an option, have a developer audit your theme's layout/theme.liquid file for unnecessary script and stylesheet includes.

5. No browser caching strategy

Shopify handles most caching through its CDN, but third-party resources and custom scripts often miss out. Without proper cache headers, returning visitors re-download the same resources every time.

Fixes:

  1. Ensure third-party scripts are served with appropriate cache headers.
  2. Use Shopify's built-in content delivery network rather than hosting assets externally.
  3. Inline critical CSS for above-the-fold content to reduce the number of blocking requests.

Which Shopify speed optimisation apps actually work?

Apps can help, but be selective. Adding an app to fix a speed problem caused by too many apps is counterproductive.

App What It Does Pricing
Crush.pics Automatic image compression on upload Free for up to 25 images/month, paid from $4.99/month
Hyperspeed Script and asset optimisation, lazy loading, preloading From $39/month
TinyIMG Image compression plus SEO features like alt text and broken link detection Free plan available, paid from $9.99/month

Hyperspeed is the most comprehensive option but comes at a higher price point. For most stores, manual image optimisation combined with a theme audit delivers better results than any single app.

How do you optimise Shopify images without an app?

Manual image optimisation is free and often more effective than automated solutions.

  1. Before uploading, resize images to the maximum display size. A product image displayed at 800px wide does not need to be uploaded at 4000px.
  2. Use Squoosh (squoosh.app) to compress images. Target 80 percent quality for JPEGs, which is visually indistinguishable from 100 percent.
  3. Use Shopify's img_url filter with size parameters in your theme code: {{ image | img_url: '800x' }}.
  4. For hero banners and lifestyle images, consider using modern formats like AVIF where browser support allows.

A store we recently audited reduced its homepage size from 8.2MB to 1.4MB through image optimisation alone. PageSpeed score jumped from 34 to 72.

Should you switch Shopify themes for speed?

Sometimes, yes. If your theme consistently scores below 40 on PageSpeed Insights and the codebase is heavily customised, a theme migration may be more cost-effective than patching individual issues.

Modern Shopify themes built on Online Store 2.0 architecture are significantly faster because they use JSON templates, sections everywhere, and fewer render-blocking resources.

Top-performing themes for speed:

  1. Dawn (free): Shopify's reference theme, consistently scores 90 plus.
  2. Ride (free): Clean, minimal, excellent for smaller catalogues.
  3. Prestige by Maestrooo ($350): Premium theme with strong speed scores for stores needing advanced features.
  4. Impulse by Archetype ($380): Feature-rich without the performance penalty.

Before migrating, export your current theme as a backup and plan for two to four weeks of setup and testing.

What is a good Shopify speed score?

Aim for a PageSpeed Insights score of 70 or above on mobile. Scoring 90 plus is ideal but rarely achievable on feature-rich stores with multiple apps and dynamic content.

More important than the overall score are your Core Web Vitals:

  • LCP (Largest Contentful Paint): Under 2.5 seconds. This measures how quickly your main content loads.
  • FID (First Input Delay): Under 100 milliseconds. This measures responsiveness to user interaction.
  • CLS (Cumulative Layout Shift): Under 0.1. This measures visual stability as the page loads.

Focus on LCP first. It has the biggest impact on user experience and is usually the easiest to improve through image and script optimisation.

Key actions to take now

  1. Run PageSpeed Insights on your homepage, a collection page, and a product page. Note your scores.
  2. Compress all images over 200KB using Squoosh or TinyPNG.
  3. Audit your installed apps and remove anything unused. Check for leftover code from previously uninstalled apps.
  4. Defer non-critical JavaScript, especially chat widgets and tracking scripts.
  5. If your theme is pre-2.0 or consistently scores below 40, plan a theme migration.

Most of these fixes are achievable without a developer. If your speed score remains low after handling images and apps, or if you need to modify theme Liquid code, that is the point where bringing in a Shopify developer will save you time and prevent breaking something in production.