Shopify
5 Shopify Speed Fixes That Directly Improve Conversion Rate
5 min read · March 2026
Every 100ms of load time you shave off your Shopify store has a measurable effect on revenue. This is not theoretical. We see it in the data every time we run a before-and-after on a client store. A merchant doing $80K/month who drops their mobile load time from 4.2s to 2.1s does not just get a better Lighthouse score. They get more add-to-carts, fewer bounces on collection pages, and a checkout completion rate that moves in the right direction. Shopify is fast infrastructure, but what you layer on top of it determines whether your store converts or leaks.
Here are five fixes we come back to on almost every store audit we run.
1. Rework Image Delivery Above the Fold
The largest contentful paint (LCP) on most Shopify stores is a hero image or a product image on the collection page. If that image is a 2MB PNG being served at full resolution to a phone on LTE, your entire perceived speed tanks, and the customer has already started to leave before your headline renders.
The fix has three parts. First, make sure every image above the fold is served in WebP format through Shopify's built-in CDN image transforms. If your theme is using static image URLs or hardcoded asset files instead of the image_url filter with format and width parameters, you are missing free performance. Second, set explicit width and height attributes on above-the-fold images so the browser can allocate space before the image loads. This eliminates layout shift, which Google penalises. Third, and this is the one most stores get backwards: do not lazy load your hero image. Lazy loading is great for everything below the fold, but your LCP image needs to load immediately. Adding loading="eager" and a fetchpriority="high" attribute to your primary hero or product image can cut perceived load time significantly.
What to check: Open your store on mobile, run a Lighthouse audit in Chrome DevTools, and look at the LCP element. If it is an image, check whether it is being served as WebP, whether it has explicit dimensions, and whether it is being lazy loaded when it should not be.
2. Remove or Delay Non-Essential App Scripts
This is the single biggest performance issue on Shopify stores in the $10K-$200K range, and it is almost always invisible to the store owner. Every app you install can inject JavaScript into your storefront: review widgets, upsell popups, loyalty programs, analytics trackers, chat widgets. Each one adds render-blocking or parser-blocking scripts that compete for the browser's attention during the critical first seconds of page load.
We regularly find stores running 15-25 third-party scripts, several from apps that were installed months ago and are no longer active. Even apps you have disabled in their dashboard sometimes leave script tags in your theme. The approach we take is straightforward: audit every external script on the page, categorise each one as critical (needed before interaction), deferrable (can load after the page renders), or removable (not needed at all). Review apps, for example, almost never need to load on the homepage. Chat widgets can be deferred until the customer scrolls or waits on a page for a few seconds. Some loyalty program scripts can be loaded only on the account page.
What this looks like in practice: We recently audited a skincare brand's store and found that removing two unused app scripts and deferring three others dropped their total blocking time by over 600ms. Their mobile speed score went from 28 to 61, and their bounce rate on product pages dropped by 9% in the following month.
3. Clean Up Your Theme Code
Shopify themes accumulate dead weight over time. Sections that were added for a seasonal campaign and never removed. Liquid loops that iterate over every product in a collection to build a mega menu, running on every single page load. CSS files that include styles for features the store does not use. JSON templates with alternate layouts nobody remembers creating.
The two highest-impact cleanups we do are reducing unnecessary Liquid iterations and removing unused CSS and JavaScript. Liquid is server-rendered, so a heavy loop in your header or footer adds latency to every page on your store. This does not show up in front-end tools, which is why it is easy to miss. On the CSS side, most Shopify themes ship with component styles for features like video backgrounds, tabs, accordions, and sliders that many stores never use. Removing or conditionally loading those styles reduces the amount of CSS the browser has to parse before first paint.
What to check: If your theme was customised more than six months ago, or if you have switched themes and migrated content, there is almost certainly dead code slowing things down. A quick grep for unused section files and a CSS coverage report in DevTools will tell you where the weight is.
4. Tighten the Path to Cart and Checkout
Speed is not just about page load. The time between a customer deciding to buy and actually completing checkout is a performance metric too, and friction in that path kills conversion more reliably than a slow homepage. On Shopify, the most common bottlenecks are variant selectors that require a page reload, cart pages that force a full navigation instead of using a drawer, and the gap between your store's design and Shopify's checkout.
For variant selection, make sure your theme handles variant switches via JavaScript without reloading the page. If a customer taps "Large" and the whole page refreshes, that is a conversion problem. For the cart, a well-built AJAX cart drawer that lets customers review and adjust their order without leaving the product or collection page removes an entire step from the funnel. And for checkout, ensure your branding, colour scheme, and trust signals carry through to the Shopify checkout. A jarring visual disconnect between your store and the checkout page creates hesitation at the exact moment you can least afford it.
What this looks like in practice: We rebuilt the cart experience for a supplements brand, swapped their full-page cart for a drawer with upsell logic and estimated delivery, and their cart-to-checkout rate improved by 14% within two weeks.
5. Prioritize Mobile Experience as the Default
Over 70% of traffic on most DTC Shopify stores is mobile. But the majority of store owners, and many developers, still design and test on desktop first, then check mobile as an afterthought. Responsive CSS is not enough. A layout that technically fits a phone screen can still feel slow and frustrating if tap targets are too small, if the product image carousel is janky, or if sticky elements cover the add-to-cart button.
We test every build on real devices, not just browser simulators. Chrome DevTools throttling is useful for spotting issues, but it does not replicate the actual experience of using a mid-range Android phone on a 4G connection, which is exactly what a large chunk of your customers are doing. The things that show up on real devices are different from what you see in a simulator: slow touch response, scroll jank, font rendering issues, and images that technically load but feel sluggish at real-world bandwidth.
What to check: Pick up your phone, open your store on cellular data (not Wi-Fi), and try to go from the homepage to a completed checkout in under 60 seconds. If anything feels slow, uncertain, or frustrating, your customers are feeling it too, and a meaningful percentage of them are leaving.
These five fixes are not obscure optimisations. They are the practical, high-return changes that separate a store that converts from one that is leaving revenue on the table. If you are not sure where your store stands, we will tell you with no cost and no commitment. We will run a full speed and conversion audit and show you exactly what is slowing things down and what to fix first.