A slow Shopify store costs real money - studies consistently show that each additional second of load time reduces conversions by around 7%. The good news is that most Shopify speed problems come from the same handful of causes, and each one has a straightforward fix.
How to Check Your Shopify Store Speed
Before fixing anything, measure the problem. Two tools give you the most useful data:
- Google PageSpeed Insights (pagespeed.web.dev) - enter your store URL and get a score out of 100 for both mobile and desktop, plus specific recommendations. Aim for 50+ on mobile as a realistic target for most Shopify stores; 70+ is excellent.
- Shopify's built-in Speed Score - in your Shopify admin, go to Online Store → Themes. Your current theme shows a speed score based on real-world data from visitors. Below 20 is poor; 40–60 is average; above 60 is good.
Run both tools before and after making changes so you can confirm what actually moved the needle.
Core Web Vitals and Shopify
Google's ranking algorithm uses Core Web Vitals to assess page experience. These are the three metrics that matter most for Shopify stores:
- LCP (Largest Contentful Paint) - how long it takes for the largest visible element (usually your hero image or product photo) to load. Target: under 2.5 seconds. Large uncompressed hero images are the most common cause of poor LCP on Shopify.
- CLS (Cumulative Layout Shift) - how much the page visually shifts as it loads. Target: under 0.1. Common causes on Shopify: images without set dimensions, fonts loading late and causing text to reflow, and banners that load after the page structure.
- INP (Interaction to Next Paint) - how quickly the page responds when a user taps or clicks. Target: under 200ms. Heavy JavaScript from apps and custom theme code is the most common cause of poor INP.
Unoptimized Images and Media
High-resolution images are the most common cause of a slow Shopify store. They consume significant bandwidth and add seconds to load time. Here's how to fix this:
- Compress images before uploading: Use TinyPNG or Squoosh to reduce file size without visible quality loss. Aim for under 200KB per image.
- Use image optimization apps: Apps like Crush.pics or Image Optimizer automatically compress images already in your store.
- Use Shopify's WebP format: Shopify automatically serves images as WebP to browsers that support it - make sure your theme is using
image_tagwith thewidthsattribute so Shopify can serve the right size for each device. - Limit images per page: Product pages with 15+ images load significantly slower than pages with 5–8 images.
For hero banners specifically, following the Shopify banner image size recommendations keeps your LCP score in the passing range - homepage banners are the most common LCP element on Shopify stores.
Too Many Apps
Every Shopify app that adds functionality to your storefront loads additional JavaScript. Ten apps each adding 20KB of script is 200KB of extra code your visitor's browser must download and execute before your store feels interactive.
- Audit installed apps regularly: Go to your Shopify admin → Apps and remove any you no longer use. Uninstalling an app does not always remove its code from your theme - check your theme's code for leftover app snippets.
- Check app impact: Use PageSpeed Insights and look at the "Reduce unused JavaScript" suggestion to see which scripts are the heaviest.
- Prioritize apps with async loading: Well-built apps load their scripts asynchronously so they don't block page rendering. Check app reviews for speed-related feedback before installing.
Themes
A theme that loads features you don't use wastes time on every page load. Quick-view pop-ups, animations, and product recommendation widgets all add weight - even if customers rarely use them.
- Choose a lightweight theme: Themes from Shopify's official store or from reputable developers (Dawn, Debut, Impulse) are generally well-optimised.
- Disable theme features you don't use: In your theme editor, turn off animations, predictive search, and any sections you haven't added to pages.
- Keep themes updated: Theme developers regularly push speed improvements - update your theme when new versions are available. For more on boosting Shopify website speed, see our dedicated guide.
Inefficient Liquid Code
Liquid is Shopify's templating language. Poorly written Liquid - with excessive loops, unnecessary database calls, or un-cached renders - adds server response time before any content reaches the browser.
- Audit loops and conditionals: Nested
forloops inside collection pages can significantly slow render time when you have hundreds of products. - Minimize database queries: Avoid calling product or collection data multiple times on the same page when you can store it in a variable.
- Review custom snippets: Any custom code added to your theme is the first place to look for Liquid inefficiency, especially if the slowdown appeared after a theme customization.
Third-Party Tracking Scripts
Every tracking pixel and analytics script you add to your store runs in the visitor's browser and adds load time. A store running Meta Pixel, Google Analytics 4, TikTok Pixel, Pinterest Tag, and a heatmap tool is loading five separate third-party scripts on every page view.
- Audit your tracking stack: Check your theme's
theme.liquidand Shopify's Customer Events section (Settings → Customer Events) to see everything that fires on each page. - Use Google Tag Manager: Consolidating multiple tracking pixels under a single GTM container reduces the number of separate script calls.
- Remove unused pixels: If you stopped running ads on a platform, remove its pixel from your store.
Ignoring Speed Optimization Practices
Some stores are slow simply because basic best practices were never applied. These are quick wins that require no app installs:
- Enable lazy loading: Images should load only when they're about to appear on screen. Most modern Shopify themes do this by default - verify your theme has
loading="lazy"on product images. - Minify CSS, JavaScript, and HTML: Shopify does this automatically for assets served through the CDN, but custom code in your theme may not be minified.
- Use Shopify's CDN: All assets uploaded through Shopify are automatically served via Shopify's global CDN - never link to external image hosts or CSS files if you can avoid it.
- Clear your cache after changes: If your store looks slow or stale after an update, follow the steps to clear your Shopify cache on browser, mobile, and server levels.
How Fast Should Your Shopify Store Be?
A realistic target for most Shopify stores is a PageSpeed Insights mobile score of 40–60 and a load time under 3 seconds on a standard mobile connection. The top-performing Shopify stores score 65–80 on mobile, but reaching that typically requires a minimal theme, very few apps, and fully compressed images. Track your speed score monthly - it's one of the clearest indicators of whether your store's technical health is improving or degrading as you add new apps and content.
* read the rest of the post and open up an offer