954-539-5678Free audit
Menu

E-commerce · Shopify

How to speed up your Shopify store

Most slow Shopify stores are slowed by what was added to them. Here is what to remove and fix, in order.

Measure first, then fix

Apps are the usual culprit

Never lazy-load the hero image

Talk to us

Tell us what you need and we’ll get back to you. Or book a free 30-minute call. Or call 954-539-5678.

The short answer

To speed up a Shopify store, work in this order: remove apps you do not need and the code they leave behind, fix the main image at the top of each page so it loads first, serve properly sized images, defer or remove third-party scripts such as chat widgets and extra tracking pixels, and simplify heavy theme features like video backgrounds and carousels. Shopify itself runs on a fast global platform, so most slow stores are slowed by what has been added to them. Shopify’s own documentation names theme code, apps, images, videos, carousels, social feeds and analytics as the features that affect performance.

Step 1: measure before you change anything

  • Shopify’s web performance report in your admin rates loading speed, interactivity and visual stability against the three Core Web Vitals, based on real user data from the past 30 days.
  • Google PageSpeed Insights shows field data from real Chrome users (when your store has enough traffic) and a lab test with specific suggestions.
  • Test your key templates, not just the homepage: a collection page, a top product page and the cart.

Google’s “good” targets for Core Web Vitals are a Largest Contentful Paint (main content visible) of 2.5 seconds or less, Interaction to Next Paint (response to taps and clicks) of 200 milliseconds or less, and Cumulative Layout Shift (content jumping around) of 0.1 or less, measured at the 75th percentile of visits. Write down your starting numbers so you can see what each fix did.

Step 2: audit your apps

Apps are one of the most common causes of a slow Shopify store. Many inject JavaScript on every page, even pages where the app does nothing.

  1. List every installed app and what it does. Ask who uses it and whether it earns its keep.
  2. Uninstall the ones you do not need.
  3. Check the theme for leftover code. Uninstalling an app does not always remove snippets it added to theme files. A developer can search the theme for the app’s name and remove what remains.
  4. Where two apps overlap (two review apps, two pop-up tools), keep one.
  5. Prefer apps that use theme app extensions or app blocks, which load only where you place them, over apps that edit theme files directly.

Step 3: fix the hero image and images generally

On most store pages, the largest element at the top is an image: the homepage banner or the main product photo. That image usually decides your Largest Contentful Paint. Shopify’s theme performance guidance says:

  • Never lazy-load the main top image. Lazy loading is for images further down the page. Mark the hero with a high fetch priority.
  • Do not hide it behind fade-in or slide animations, which delay when it counts as visible.
  • Use a real image element rather than a CSS background for hero content, so the browser finds it early.
  • Serve the right size for each screen using Shopify’s image filters with responsive sizes. A phone should not download a 4,000-pixel banner.
  • Include width and height so the page does not jump as images load.

Before uploading, crop images to the shape you need and avoid giant originals. Shopify’s CDN converts and resizes, but starting with sensible files helps.

Step 4: tame third-party scripts

Chat widgets, review carousels, heatmaps, ad pixels, affiliate trackers and social feeds all load code from other servers. Each one competes with your own content.

  • Remove tracking you no longer use. Old pixels from past campaigns are common.
  • Load non-essential scripts with defer, or after the visitor interacts, rather than blocking the page.
  • Use Shopify’s customer events and native integrations for analytics and ad pixels where possible, instead of pasting tags into the theme.
  • Load chat only when a visitor clicks a chat button.
  • Avoid embedding social media feeds on the homepage. A few static images linking to your profile look similar and cost far less.

Not sure which apps and scripts are slowing you down?Book a free 30-minute call and we will look at your store and tell you what we would remove first.

Step 5: simplify the theme

  • Carousels and sliders: replace an auto-rotating homepage slider with one strong banner. Sliders add script, and the slides after the first are easy to miss.
  • Video backgrounds: use a poster image and load the video only on larger screens, or remove it.
  • Fonts: use one or two font families, self-hosted on Shopify’s CDN, or system fonts. Each extra weight is another download.
  • Long pages: collapse long collection pages with pagination and avoid loading every variant’s data up front.
  • Old or heavily customized themes: if your theme is years old or has been patched by many developers, a move to a current Online Store 2.0 theme can be faster than fixing it piece by piece.

Step 6: theme code fixes for your developer

If you work with a developer, Shopify’s performance best practices give them a clear list:

  • Find and defer parser-blocking scripts; use async only for independent third-party scripts.
  • Load JavaScript for drawers, dialogs and quick-view only when they are opened.
  • Preload only one or two critical resources the browser would otherwise find late.
  • Avoid deeply nested Liquid loops, a common cause of slow server response on large catalogs. Shopify’s Theme Inspector for Chrome shows which lines are slowest.
  • Run Theme Check to catch oversized bundles and blocking scripts before publishing.

What not to bother with

  • Chasing a perfect lab score. Real visitor data and Core Web Vitals matter more than a single test number.
  • “Speed booster” apps that promise instant gains. Adding an app to fix slowness caused by apps rarely ends well. Check what any such app actually changes before installing it.
  • Hosting tweaks. Unlike WordPress, Shopify hosting and the CDN are managed for you.

Keep it fast

Speed slips over time as apps, campaigns and banners pile up. Recheck the performance report after every new app or theme change, and review apps and scripts every quarter. Our guide to Core Web Vitals for business owners explains the metrics in plain terms.

How JLB USA helps

JLB USA builds and improves Shopify and Shopify Plus stores, and has worked with 500+ clients on 1,000+ projects over more than 15 years. We can audit your apps, scripts and theme, fix what is slowing the store, or rebuild it on a lighter theme you can still edit yourself. See our web design and e-commerce services, or our Shopify vs WooCommerce comparison if you are weighing platforms.

Book it now · Free

Book a free 30-minute call

Pick a time. We look at what you have now with you and tell you what we would change first. No obligation.

Prefer to talk now? Call 954-539-5678, or send the form and we’ll contact you.

Questions we hear

Why is my Shopify store so slow?

Usually because of apps, third-party scripts, oversized images and heavy theme features such as sliders and video. Shopify’s platform and hosting are rarely the cause.

Do Shopify apps slow down my store?

Many do, because they add JavaScript to every page. Remove apps you do not need and check that their leftover code is removed from the theme.

What is a good speed score for Shopify?

Focus on Core Web Vitals from real visitors rather than one lab score. Google’s good thresholds are LCP within 2.5 seconds, INP within 200 milliseconds and CLS of 0.1 or less.

Will a new theme make my Shopify store faster?

Often, if your current theme is old or heavily customized. A current theme with fewer apps and simpler sections usually loads faster than a patched older one.

Related services

Want a second opinion on your website or marketing?

Pick a time for my free callCall 954-539-5678