Your Shopify Theme Is Slower Than You Think
Most Shopify store owners pick a theme because it looks good. Fair enough. But the theme that looks the best on the demo store is often the one that loads the slowest on a real product page with real apps and real traffic.
Page speed is not a vanity metric. Google uses it as a ranking factor. Shoppers use it as a trust signal. A store that takes 4 seconds to load loses roughly half its mobile visitors before they see a single product.
The good news: you do not need to rebuild your store from scratch. Four targeted theme tweaks can cut your load time significantly and improve conversion rates at the same time.
1. Defer Your Third-Party Scripts
Every app you install adds JavaScript to your store. Review widgets, analytics trackers, chat bubbles, popup tools. Each one blocks the main thread while it loads and executes.
The fix is not to delete your apps. The fix is to change how they load. In your theme code, find your third-party script tags and add defer or async attributes.
Here is what that looks like in practice:
- Chat widgets: Load with
deferso they appear after the page is interactive - Analytics scripts: Use
asyncso they load in parallel without blocking rendering - Review widgets: Lazy-load them so they only fetch data when a customer scrolls to the reviews section
In Shopify theme files, open theme.liquid and look for script tags in the <head>. Move non-critical scripts to just before the closing </body> tag with defer. Critical rendering scripts (like your theme’s main JS) should stay in the head, but everything else can wait.
Most stores see a 1 to 2 second improvement just from this change alone.
2. Compress and Resize Your Product Images
This is the single biggest speed win for most Shopify stores. Product images that are 4000 pixels wide and 5MB each will crush your load time, even with Shopify’s CDN.
Shopify serves images through its CDN and automatically converts to WebP for browsers that support it. But it can only optimise what you upload. If your source image is 5MB, Shopify is still processing and serving a massive file.
The rules are simple:
- Product photos: Upload at 2048 pixels maximum on the longest side. That is more than enough for desktop zoom.
- Collection and banner images: 1600 pixels wide maximum.
- Thumbnails: 600 to 800 pixels.
- Format: Upload as JPEG for photos, PNG only for graphics with transparency.
Use Shopify’s built-in image settings in Customize then Theme Settings then Performance to enable lazy loading for images below the fold. This is on by default in modern themes, but check that your theme has it enabled.
If you have hundreds of images already uploaded, use a bulk optimisation app like AVADA SEO or SEO Manager to compress them in batches. Or use TinyPNG’s batch tool to re-compress your library and re-upload.
3. Remove Unused Theme Sections and Fonts
Every Shopify theme comes with sections you do not use. Announcement bars, slideshows, custom HTML blocks, newsletter popups. Even when these sections are empty or unpublished, their JavaScript and CSS can still load on every page.
Go through your theme customiser and delete every section you are not actively using. Not hide. Delete. Hidden sections still load their assets. Deleted sections do not.
The same applies to fonts. Shopify themes often load 3 to 5 font families. If you are only using one heading font and one body font, remove the others. Each font family adds roughly 100KB to 200KB of load weight, and more importantly, blocks text rendering until the font file downloads.
In your theme settings, navigate to Typography and remove any font families you are not using. If your brand uses a custom font, make sure it is hosted on Shopify’s CDN (not Google Fonts) and preloaded in the head.
4. Replace Heavy Carousels With Static Grids
Homepage carousels are one of the worst offenders for both speed and conversion. They load multiple large images, require JavaScript to animate, and research consistently shows that most visitors never see past the first slide.
Replace your homepage carousel with a static image grid. One hero image with a clear headline and call-to-action converts better than a rotating carousel. It also loads faster because you are serving one image instead of five.
If you absolutely need to showcase multiple products on your homepage, use a product card grid instead. Shopify’s native product grid loads via the section rendering API, which means the initial page load is not blocked by product data. The grid populates after the page is interactive, which is exactly what you want.
If your theme does not offer a static hero option, you can customise the hero.liquid section to remove the carousel JavaScript and display a single image. This is a 10-minute edit for anyone comfortable with Liquid.
How to Measure the Impact
Before you make any changes, run your store through Google PageSpeed Insights and note your mobile and desktop scores. After each tweak, test again.
The number that matters most is Largest Contentful Paint (LCP). This measures how long it takes for the main content of your page to become visible. Aim for under 2.5 seconds on mobile. If you are currently at 4 seconds or higher, these four tweaks should get you to 2.5 seconds or lower.
Also check Cumulative Layout Shift (CLS). If your page elements jump around while loading, your CLS score will be high. Setting explicit width and height on all images and ad slots fixes this completely.
The Bottom Line
You do not need a developer to make your Shopify store faster. Defer your third-party scripts, compress your images, remove unused sections and fonts, and ditch the carousel. Four changes. Measurable results. Better speed, better conversion, better search ranking.
Do it this week. Your customers are already clicking away.
Want more like this? Join MOKU Club for free. Weekly resources, early access to new guides, and occasional templates you can actually use. Join below.
