10 Best Tips for Shopify Theme Optimization in 2026

Introduction

Most slow Shopify stores are slow for a reason nobody wants to hear: the theme is the ceiling.

You can compress every image and trim your app stack to the bone, but if the theme is heavy, your PageSpeed score won’t budge.

That’s the uncomfortable part of Shopify theme optimization. It’s the highest-leverage work on a slow store, and the first thing most people skip, because it means reading theme code instead of clicking a button.

Below is the exact order we use to optimize Shopify theme performance on real client stores at Enstacked. Ten tips, hardest-hitting first. Let’s get into it.

What Is Shopify Theme Optimization?

Shopify theme optimization means cleaning up and speeding up your theme’s own code: the templates, styles, scripts, fonts, and image settings that decide how your store looks and loads.

Why Shopify Theme Optimization Matters in 2026?

Speed affects sales directly. A Google and Deloitte study found that improving load time by just 0.1 seconds lifted retail conversions by 8.4% and average order value by 9.2%.

On the other side, Google’s research has long shown that roughly half of mobile visitors leave a page that takes longer than 3 seconds to load.

Speed affects your Google ranking too. Google uses Core Web Vitals, its scores for how fast a page loads, how quickly it responds, and how much it jumps around, as a ranking signal.

A slow theme puts you at a disadvantage before shoppers even see your products.

Below are the best tips for Shopify theme optimization:

10 Best Tips to Optimize Shopify Theme

1. Start With a Fast, Well-Built Theme

Your theme sets the speed limit for everything else. Shopify’s own themes, Dawn, Sense, and the newer Horizon, are built to be fast and pass Google’s speed checks out of the box, because they use Shopify’s modern Online Store 2.0 setup.

Paid themes vary a lot. Before you buy one, test its live demo on mobile using PageSpeed Insights. If the demo is slow with no products and no apps, it will only get slower once you add yours. A heavy, feature-packed theme is the hardest problem to undo later, so choose carefully up front.

2. Remove Code From Theme Sections You Don’t Use

Here’s something most guides miss. On modern Online Store 2.0 themes, a section you switch off in the theme editor can still load its styles and scripts in the background, so the browser downloads code for something shoppers never see.

Check your store’s page source for scripts and stylesheets tied to sections you thought were gone. We find this hidden weight on most stores we audit.

Removing sections you’ll never use is one of the easiest Shopify theme speed wins there is: you’re deleting code that slows the page down for no reason.

3. Keep Your Theme’s JavaScript Small

Shopify is clear on this: your theme’s minified JavaScript should be 16KB or less. “Minified” just means the code with spaces and comments stripped out to save space.

Many themes blow past this the moment they add a big framework.

Keep it lean. Use plain HTML and CSS for the basics, and JavaScript only for the extras.

Add defer or async to non-essential scripts so they don’t hold up the page, and avoid loading heavy tools like React or jQuery for effects the browser can already handle on its own.

4. Serve Images the Right Way

Images are usually the heaviest part of a page, and your theme controls how they load. To optimize images in Shopify, use Shopify’s image_tag filter (or image_url with a width), so your store automatically serves the right-sized image in WebP, a modern format that’s 25 to 34% smaller than a JPEG at the same quality.

A few more habits help: set a width and height on every image so the page doesn’t jump around while it loads, let images below the fold load only when a shopper scrolls to them (“lazy loading”), and give priority to your biggest image so it shows up fast.

5. Clean Up Your Liquid Code

Liquid is Shopify’s template language, and it runs on the server before the page reaches the shopper.

Messy Liquid slows down how quickly the server responds, which makes every page feel slower, and it’s one of the most overlooked parts of Shopify theme optimization.

Two simple rules fix most of it: sort or filter a list of products before you loop through it, not inside the loop, and save a value you use over and over in a variable instead of looking it up each time.

Also, avoid loops that run through your entire catalog, since they slow down as you add products.

The free Theme Inspector for Chrome shows you exactly which parts of your Liquid are slow.

6. Keep Your CSS Tidy and Scoped

Shopify can automatically strip out CSS a page doesn’t need, but only if your styles stay inside their own section files instead of one big global file.

When styles leak everywhere, the browser ends up downloading rules it never uses.

So keep each section’s styles with that section, and clear out any CSS you no longer use. Tidy styles make every other fix on this list work better.

7. Clean Up After Apps You’ve Removed

When you uninstall an app, its code often stays behind. Most apps don’t fully clean up after themselves.

Check your theme.liquid file and section files for leftover scripts and references that still load on every page.

It’s also worth combining apps that do the same job (say, two review widgets), since the leftover code lives inside your theme.

This one step can recover real speed, especially on stores that have switched themes or apps over the years.

8. Fix Fonts and Stop the Page From Jumping

Every custom font is an extra download, and a font that loads late can make text shift around as the page settles, one of the things Google measures as visual stability.

Where it won’t hurt the brand, use standard system fonts, which need no download at all. Where a custom font matters, load only the weights you actually use and make sure text stays visible while it loads.

Fonts aren’t the only cause of a jumpy page. Reserve space for anything that loads late, including images without set sizes, pop-up banners, and late-loading sections, so nothing shifts just as a shopper goes to tap “Add to cart.”

9. Test on Mobile, and Check Each Page Type

Most Shopify shoppers are on phones, and that’s where speed problems show up worst. Always check a change on mobile first, then on desktop.

Just as important, test each type of page on its own, not just your homepage. Your home page might score well while your product page struggles, and you’ll only spot that by testing them separately.

Learn how to check Shopify store speed for each page type before you decide what to fix.

10. Make It a Habit, Not a One-Time Fix

Themes get slower over time. Every edit, new section, and app adds a little weight, and the score slips without anyone noticing. The stores that stay fast build small checks into their routine.

Run Shopify’s theme check tool before you publish changes to catch common problems, and set a simple rule for yourself, like don’t let the JavaScript grow without a good reason.

Teams that deploy often can set up Lighthouse CI to flag a slowdown automatically.

For the wider store-speed picture beyond the theme, our full Shopify speed optimization guide covers apps, checkout, and monitoring.

Final Thoughts

A fast theme isn’t luck. It’s the sum of small, deliberate choices about what your store loads and why. Work through these ten tips in order, re-test as you go, and Shopify theme optimization stops being a one-off project and starts to feel like a habit that keeps paying off.

And if you’d like a second set of eyes, our team at Enstacked can provide you with a free Shopify store audit, pinpoint exactly where your theme is losing time, and take it from there with end-to-end Shopify development services whenever you’re ready to get started.

Frequently Asked Questions