Speed is a conversion variable, not a technical detail
There's a number that comes up constantly in ecommerce performance research: a one-second delay in page load time can reduce conversions by 7%. On a store doing £50,000 a month, that's £3,500 in lost revenue from one second of friction. On a store doing more, the number scales accordingly.
Shopify speed optimisation tends to get treated as a nice-to-have rather than a commercial priority, usually because the connection between load time and revenue isn't visible in the same way that a broken checkout or a sold-out product is. The revenue lost to slow pages doesn't show up as a clear line item. It shows up as a conversion rate that's lower than it should be, a bounce rate that's higher than it needs to be, and a cost-per-acquisition that keeps creeping up because you're paying to send traffic to a store that's losing a portion of it before the first click.
Here's a systematic checklist for Shopify website speed optimisation that covers the areas where most stores lose performance.
Before you start: benchmark where you are
Don't make changes without knowing what you're starting from. Run the store through Google PageSpeed Insights, GTmetrix, and Shopify's own speed score in the admin dashboard. Test on mobile specifically. The majority of ecommerce traffic is on mobile, and mobile performance is almost always worse than desktop.
Save the scores before you change anything. You need a baseline to measure against, and you need to know which pages are the worst performers. Most of the time the homepage isn't actually the bottleneck. Product pages and collection pages tend to be where the most consequential speed problems live.
The Shopify speed optimisation checklist
1. Audit and cut your app stack
Apps are the single biggest cause of slow Shopify stores, and this is where most optimisation projects should begin.
Every app you install can add scripts, stylesheets, and third-party requests to your page load. Many do this even on pages where they have no function at all. A review app that loads its widgets on the checkout. A loyalty programme that fires scripts on every collection page. A pop-up tool that initialises on pages the pop-up never appears on.
Go through every installed app and ask two questions. Is this app actively contributing to revenue or a function the store genuinely needs? And is it loading on pages where it has no purpose?
Remove anything that fails the first question. For anything that passes it, check whether the app has options to restrict which pages it loads on. Some do. Many don't, in which case a developer can add conditional script loading to control it manually.
This single step consistently produces the most significant speed improvements in Shopify store optimisation, and it costs nothing beyond the time to do it properly.
2. Optimise every image on the store
Unoptimised images are the second most common performance problem on Shopify stores.
Shopify serves images through its own CDN, which handles a lot of the delivery side automatically. What it doesn't do is compress or resize images that you've uploaded at unnecessarily large dimensions. A product image uploaded at 4000 pixels wide that's displayed at 800 pixels wide is carrying three times the file weight it needs to.
Compress images before uploading. Tools like Squoosh, TinyPNG, or ImageOptim will reduce file sizes significantly without visible quality loss. Upload images at the dimensions they'll actually be displayed rather than at the largest available resolution.
Use WebP format where possible. Shopify now supports WebP natively, and the file size savings over JPEG are typically 25 to 35 percent for equivalent visual quality.
For product pages with multiple images, make sure only the first image is eagerly loaded and the rest are lazy loaded. The browser prioritises the first visible image for LCP scoring. Loading all product images at once for a product with 10 image variants is unnecessary weight that slows the initial render.
3. Review the theme for front-end bloat
Shopify themes vary enormously in how lean or bloated their front-end code is. Themes built to be visually impressive in the theme store demo often load animations, sliders, video backgrounds, and heavy JavaScript libraries that most stores don't use but that load anyway.
Audit the theme's front-end assets. What JavaScript libraries is it loading? Are there animations or interactive features built into the theme that aren't being used on the live store? Are there CSS files loading that relate to features or sections that don't appear on any page?
Moving to Shopify 2.0 helps here. Shopify 2.0 themes support app blocks and section-level asset loading, which means resources associated with specific sections only load on pages where those sections are active. This is a structural improvement over older theme architecture that loaded everything everywhere.
If the theme is old, poorly maintained, or fundamentally heavy in its code, it may be worth migrating to a cleaner theme rather than trying to optimise around it. The cost of a theme migration is usually lower than the ongoing performance cost of keeping a bloated theme.
4. Lazy load images and videos below the fold
Lazy loading tells the browser to defer loading images and videos that aren't immediately visible in the viewport. The browser loads what's needed for the initial view and then loads the rest as the user scrolls.
This is particularly impactful on collection pages with large product grids and on product pages with multiple images. The browser doesn't need to load 20 product thumbnails simultaneously. It needs to load the first few and then load the rest progressively.
Shopify's native image tag supports lazy loading with a simple attribute. For stores using custom theme code or specific sections, it's worth checking whether lazy loading is being applied consistently.
5. Reduce third-party scripts from outside the app ecosystem
Apps are the most common source of third-party scripts, but they're not the only one. Analytics tools, marketing pixels, live chat platforms, heatmap tools, affiliate tracking scripts, and anything else loading from an external domain adds requests that the browser has to resolve before the page finishes loading.
Each of these has its own server response time, its own potential for blocking the main thread, and its own risk of being slow or unavailable on a given request.
Audit everything loading from third-party domains. Load only what's genuinely required. Use Google Tag Manager to consolidate tracking scripts and configure them to load asynchronously so they don't block the page render. Defer anything that doesn't need to be present for the initial user experience.
6. Use Shopify's built-in performance features
Shopify has improved its native performance tooling significantly in recent years. Several features are available that don't require any additional apps.
Shopify's image CDN automatically serves appropriately sized images based on the device requesting them. Make sure your theme is using the responsive image Liquid syntax that takes advantage of this rather than serving a fixed-size image to every device.
Shopify's built-in resource hints, preconnect and preload tags, can be used to tell the browser to establish connections to third-party domains early and to prioritise loading critical resources. These are usually implemented at the theme level and can make a meaningful difference to perceived load speed.
For Shopify Plus merchants, the ability to customise the checkout provides additional opportunities to optimise the most conversion-critical page on the store.
7. Optimise the collection page structure
Collection pages are where a disproportionate amount of Shopify speed problems are concentrated, and where fixing them has the most impact on conversion.
The number of products loaded per page matters. Loading 100 products on a single collection page adds significant weight. Pagination or infinite scroll with sensible limits (24 to 48 products per load) keeps the initial page weight manageable.
Filter and sort functionality often comes from apps that add significant JavaScript overhead. If the filtering system on the collection page is slow or complex, check whether Shopify's native filtering, available on Shopify 2.0 stores, can replace it. Native filtering is faster and more reliable than most app-based alternatives.
8. Check font loading
Web fonts are a frequently overlooked source of layout shift and perceived slow loading.
Fonts loaded from Google Fonts or Adobe Fonts require an additional DNS lookup and request to an external server. Self-hosting fonts eliminates that dependency and gives you more control over how they load.
Font-display: swap ensures the browser shows text immediately using a fallback font while the web font loads, rather than showing invisible text until the font arrives. This improves perceived performance even when the actual load time is the same.
Limit the number of font variants loaded. Every additional weight or style of a font is an additional file. Most stores load more font variants than they actually use.
9. Monitor speed after every significant change
Shopify speed optimisation is not a project you complete once and forget. Every new app installed, every theme update, every new section added to the homepage is a potential change to the page weight.
Check the Shopify speed score and PageSpeed Insights scores regularly, particularly after making changes to the store. Set a threshold below which you treat slow performance as something requiring investigation. For most stores, a Shopify speed score below 40 on mobile warrants immediate attention.
The stores that maintain fast performance over time are the ones that treat speed as part of how the store is managed, not as a periodic fix when things get bad enough to be visible.
The competitive reality
Speed is one of the few optimisation levers available to every ecommerce store regardless of what it sells, what its budget is, or how established the brand is. A faster store converts more of the traffic it already has, ranks better in organic search, and costs less to run paid campaigns against because the conversion efficiency is higher.
The work involved in Shopify website speed optimisation is not glamorous. It's audit work, configuration work, and careful testing. But the commercial return on it is about as direct and measurable as any improvement a growing ecommerce business can make.
Published by CreativePixels — a Manchester-based digital agency specialising in design, build, and growth for ambitious UK businesses.
