How to Optimise Your Shopify Store for Speed

Why Speed Matters

Page speed directly impacts your bottom line. Research consistently shows that faster websites convert better, rank higher in Google, and provide a better user experience that keeps customers coming back.

Amazon calculated that every 100ms of additional latency cost them 1% in sales. Google found that a 2-second delay in mobile load time increased bounce rates by 32%. These numbers apply to your store too.

The good news? Most Shopify stores have significant room for improvement. By following this guide, you can typically reduce load times by 40-60%.

Measuring Your Speed

Before optimising, you need to know where you stand. Use these tools to benchmark your current performance:

Run these tests on your homepage, a collection page, and a product page. These are the pages that matter most for conversions and SEO.

Image Optimisation

Images are typically the biggest contributor to page weight. A single unoptimised hero image can add 2-5MB to your page, turning a fast site into a slow one.

Before Uploading

• 1.Resize images to their display size. A 4000px wide image displayed at 800px wastes bandwidth.
• 2.Compress images using TinyPNG, Squoosh, or ImageOptim. Aim for 60-80% reduction without visible quality loss.
• 3.Use WebP format where possible. It offers 25-35% smaller file sizes than JPEG with equivalent quality.

In Shopify

• •Enable lazy loading for below-fold images (most modern themes do this automatically)
• •Use Shopify's image_tag with appropriate sizes to serve responsive images
• •Remove unused product images that customers never see
• •Consider using CSS for simple graphics instead of images

App Audit

Apps are one of the biggest speed killers on Shopify stores. Each app typically adds 50-200KB of JavaScript and makes additional server requests. Ten apps can easily add 1-2MB and a full second to your load time.

The Audit Process

1. 1
   List all installed apps

   Go to Settings → Apps and sales channels. Export or screenshot the list.

2. 2
   Identify unused apps

   For each app, ask: "Did we use this in the last 30 days?" If no, it goes.

3. 3
   Check for leftover code

   Some apps leave code behind after uninstall. Check your theme for orphaned snippets.

4. 4
   Consolidate overlapping apps

   Do you have separate apps for reviews, loyalty, and referrals? One platform might do all three.

Theme Optimisation

Your theme is the foundation of your store's performance. A poorly coded theme can be 2-3 times slower than a well-optimised one, regardless of what other optimisations you make.

Theme Selection

If you're choosing a new theme, prioritise performance. Shopify's Dawn theme is an excellent baseline, specifically designed for speed. Themes built on Dawn's architecture tend to perform well.

Avoid themes with excessive features you won't use. Each feature adds code, even when disabled.

Theme Optimisation Checklist

• ✓Minimise fonts: Use 1-2 font families maximum. Consider system fonts for body text.
• ✓Preload critical fonts: Add preload hints for fonts used above the fold.
• ✓Remove unused sections: Delete theme sections you never use from the code.
• ✓Defer JavaScript: Non-critical JS should load after the page is interactive.
• ✓Inline critical CSS: Styles needed for above-fold content should be inline.

Third-Party Scripts

Beyond apps, you likely have tracking scripts, chat widgets, and marketing pixels loading on your store. Each one adds to your load time.

Audit Your Scripts

Check your theme's theme.liquid file and any script tags added through Shopify admin. Common culprits include:

• •Google Analytics (necessary, but load async)
• •Facebook Pixel (load via GTM for better control)
• •Hotjar, Lucky Orange (only load on pages you're actively testing)
• •Chat widgets (defer until user scrolls or after 5 seconds)
• •Multiple analytics tools doing the same thing

Core Web Vitals

Core Web Vitals are Google's metrics for measuring user experience. They're now a direct ranking factor. Here's how to optimise for each:

Next Steps

Speed optimisation is an ongoing process, not a one-time fix. Here's how to maintain your improvements:

1. 1
   Set up monitoring

   Use Google Search Console to track Core Web Vitals over time.

2. 2
   Test before installing apps

   Run a speed test before and after installing any new app.

3. 3
   Quarterly audits

   Review your apps and scripts every quarter. Remove what you don't need.