Every second your Shopify store takes to load costs you money. Not metaphorically — literally. Research consistently shows that a 1-second delay in page load time reduces conversions by 7%. For a store doing $100K per month, that is $7,000 in lost revenue every month because your site is too slow. Multiply that by 12 and you are looking at $84,000 per year disappearing into thin air.
What’s in This Article
The frustrating thing is that most Shopify speed issues are self-inflicted. Store owners install 20 apps (each injecting JavaScript), use uncompressed hero images, add fancy animations and sliders, and wonder why their Google PageSpeed score is 28 out of 100. The culprits are almost always the same, and the fixes are more straightforward than you think.
Here is the practical guide to diagnosing and fixing speed issues on your Shopify store — no developer required for most of these changes.
How to Actually Measure Your Store Speed
Before you fix anything, you need to know where you stand. Shopify’s built-in speed score is a starting point, but it does not tell the full story. Use these three tools for a complete picture.
Google PageSpeed Insights. This is the gold standard. Enter your homepage URL and your top product page URL. Focus on the mobile score (since 70%+ of your traffic is mobile) and pay attention to the Core Web Vitals: Largest Contentful Paint (LCP) should be under 2.5 seconds, First Input Delay (FID) should be under 100ms, and Cumulative Layout Shift (CLS) should be under 0.1. These metrics directly affect your Google search rankings.
GTmetrix. This tool gives you a waterfall chart showing exactly what loads, in what order, and how long each element takes. It is the best tool for identifying specific bottlenecks — you can literally see which scripts, images, and fonts are slowing you down.
Real user data in Google Analytics. Go to your GA4 property and check the Web Vitals report under User Experience. This shows you how real visitors experience your site speed, not just lab data. Real user data accounts for varying device quality and network speeds that lab tests miss.
The Top 5 Speed Killers on Shopify (and How to Fix Them)
After auditing hundreds of Shopify stores, these are the five issues that cause 90% of speed problems.
1. Unoptimised images. This is the number one speed killer and the easiest to fix. Most Shopify stores have hero images that are 2-5MB when they should be under 200KB. Shopify now automatically serves images in WebP format and provides some compression, but you should still resize images before uploading. No image on your site needs to be wider than 2048 pixels. Use TinyPNG or Squoosh to compress images before upload. For hero banners, target under 300KB. For product images, target under 200KB.
2. Too many apps. Every Shopify app that runs on your storefront injects JavaScript and sometimes CSS into your theme. Even “lightweight” apps add 50-200KB of scripts that your visitor’s browser must download, parse, and execute. The more apps, the more scripts, the slower the page. Audit your apps quarterly: go to your theme code and search for scripts injected by apps you have uninstalled (many leave residual code behind). Remove any app you are not actively using.
3. Carousels and sliders. Homepage carousels are conversion killers disguised as design features. Studies show that less than 1% of visitors click past the first slide, yet carousels load 4-6 large images upfront and add JavaScript for the sliding animation. Replace carousels with a single high-impact hero image and see both your speed and conversion rate improve.
4. Custom fonts. Custom web fonts add 100-500KB of downloads per font weight. If you are loading four font weights (regular, bold, italic, bold italic) of a custom font, that is potentially 2MB of font files. Limit yourself to 2 font weights maximum, use the font-display: swap CSS property to prevent invisible text during loading, and consider using system fonts (which load instantly) for body text.
5. Third-party scripts. Chat widgets, social media feeds, analytics trackers, and marketing pixels all add external JavaScript that slows your page. Each third-party script requires a separate DNS lookup, connection, and download. Audit every third-party script on your site: do you really need that live chat widget on every page? Can your social feed be replaced with a static image that links to your Instagram? Load non-essential scripts after the page has finished rendering using the defer or async attribute.
Quick Wins: Speed Improvements You Can Make Today
- Enable lazy loading for all images below the fold. Most modern Shopify themes support this natively. Lazy loading means images only download when the visitor scrolls to them, dramatically reducing initial page load time. Check your theme settings for a “lazy loading” option.
- Preload your LCP image. Your Largest Contentful Paint element (usually the hero image) should load as fast as possible. Add a preload link in your theme.liquid file: <link rel=”preload” as=”image” href=”your-hero-image.webp”>. This tells the browser to prioritise this image over other resources.
- Minimise redirects. Every redirect adds 100-300ms to page load. Check for unnecessary redirects using a tool like Screaming Frog or simply test your URLs in a redirect checker. Common culprits: HTTP to HTTPS redirects (should happen at the server level, not the page level), www to non-www redirects, and old product URLs that redirect to new ones.
- Use Shopify’s built-in CDN. Shopify hosts all your static assets (images, CSS, JS) on their global CDN automatically. Make sure you are referencing images using Shopify’s CDN URLs (which start with cdn.shopify.com) rather than linking to external image hosts.
- Compress your theme code. If you have custom CSS or JavaScript in your theme, minify it using tools like CSS Minifier or UglifyJS. Minification removes whitespace and comments without changing functionality, reducing file sizes by 10-30%.
Measuring the Impact of Speed Improvements
After making speed optimisations, measure the impact on both technical metrics and business metrics. Run PageSpeed Insights again and compare your before and after scores. Check your Core Web Vitals in Google Search Console after 28 days (Google uses a rolling 28-day average). Monitor your conversion rate for the 30 days after optimisation compared to the 30 days before. Most stores see a measurable conversion lift within 2-4 weeks of significant speed improvements.
Speed Is Not a One-Time Fix
Site speed degrades naturally over time as you add new apps, upload new images, and make theme customisations. Build a quarterly speed audit into your operations: test your core pages, review your app list, check image sizes, and re-run PageSpeed Insights. Think of speed maintenance like a health check-up — catching issues early prevents them from becoming performance emergencies that cost you thousands in lost sales.
Inside the eCommerce Circle, site speed optimisation is part of our Platform pillar — getting the technical foundation right so your marketing dollars work harder. If your PageSpeed score is below 50 and you are not sure where to start, our coaching walks you through the audit, prioritisation, and fixes that deliver the biggest speed gains for your specific store.
