View
details
Speed & PerformanceSeptember 14, 20264 min read

How to speed up your Shopify store without breaking it

Slow pages quietly cost you sales. Here is the order we work in to make a Shopify store faster, and how to do it safely.

Most shoppers never tell you your store is slow. They just leave. The good news is that a slow Shopify store usually has a handful of fixable causes, and you can find most of them in an afternoon.

This is the order we work in when we speed up a store. Follow it and you'll fix the biggest problems first, without breaking anything your customers rely on.

1. Record a baseline before you change anything

If you don't measure first, you can't prove any change helped. Run your homepage, one collection page and your best selling product page through Google PageSpeed Insights on mobile, and note the results.

Pay attention to three numbers, known as Core Web Vitals:

  • Largest Contentful Paint (LCP): how long the main content takes to appear.
  • Interaction to Next Paint (INP): how quickly the page responds when someone taps or clicks.
  • Cumulative Layout Shift (CLS): how much the page jumps around while it loads.

Shopify also shows real visitor data in the web performance report in your admin analytics. Save both, with the date.

2. Work on a copy of your theme

Never experiment on the live theme. In your Shopify admin, go to Online Store, then Themes, and duplicate your current theme. Make every change on the copy, preview it on your phone, and only publish when you're happy. If something goes wrong, your live store is untouched.

3. Remove apps you don't need

Apps are the most common cause of a slow store. Many add scripts to every page, even pages where they do nothing.

  • List every installed app and ask whether it still earns its place.
  • Uninstall the ones you don't use.
  • Check your theme code afterwards. Some apps leave snippets behind after you uninstall them, and those can keep loading.
  • In the theme editor, turn off app embeds you no longer need.

4. Fix your images

Large images are the next biggest problem, especially at the top of the page.

  • Upload images at the size they're actually displayed, not straight from the camera.
  • Keep hero images and banners as light as you can. A huge slideshow at the top of the homepage often does more harm than good.
  • Make sure images further down the page load lazily, so the browser only fetches them when shoppers scroll to them.
  • Set image sizes in the theme so the layout doesn't jump when images load. That improves CLS.

Shopify's content delivery network already serves images in modern formats to browsers that support them, so the biggest wins usually come from size, not file type.

5. Tame third party scripts

Chat widgets, review carousels, pop ups, heatmaps and tracking pixels all add weight. Some are worth it. Few are worth loading before the page is even visible.

Keep the tools that clearly drive sales, remove duplicates (two analytics tools doing the same job is common), and ask whether widgets like live chat can load after the page has finished loading.

6. Keep fonts and effects simple

Every custom font weight is another file to download. Two font families with a few weights is usually plenty. Autoplaying background videos and heavy animations above the fold are also worth questioning on mobile.

7. Measure again, then publish

Run the same pages through PageSpeed Insights again and compare them with your baseline. If the numbers improved and the store still works properly on your phone, publish the copy.

Then keep an eye on it. New apps and new sections tend to slow a store down again over time, so check your key pages every few months.

Want a second pair of eyes?

A faster store is one of the most reliable ways to get more from the traffic you already have. If you'd like help finding what's slowing yours down, run our free store check or get in touch for a full audit.

Written by

Avatar Connect Teams

A Shopify growth team in Ontario, Canada. We write about the store design, search, marketing and ads work we do for clients every day.

Keep reading

More from the blog

Ready to grow your store?

Tell us where your store is today and where you want it to be. We'll come back with a clear plan and quote.