Why your Shopify store feels slow on mobile, and where to look first

A slow mobile Shopify store usually comes down to four things: hero images, app scripts, fonts and the theme. How to find which one is yours.

T The CROMagnet team, Store audit research 2 min read Updated

Open your store on a phone, on mobile data, in a browser tab you have not used before. That is the visit most of your shoppers get, and it is rarely the one you test. On a laptop with warm caches and office wifi, almost every Shopify theme looks fast.

When the phone version drags, the cause is nearly always one of four things. Check them in this order, because the first two account for most of the delay.

1. The first image on the page

The hero banner or the main product photo is usually the largest thing the browser has to draw, and Google measures how long it takes as Largest Contentful Paint. The target is 2.5 seconds or less.

Three mistakes show up again and again:

  • The image was uploaded at 4000 pixels wide and is displayed at 400.
  • The image is set to load lazily, so the browser waits to start it. The first image on a page should load immediately.
  • The slideshow loads every slide up front, so the first one competes with four it does not need yet.

Shopify serves resized versions of your images, but only if your theme asks for them with the right width. Open the page, right-click the hero image, and look at the file size in the network tab. Anything over about 200 KB on a phone is worth a second look.

2. Scripts added by apps

Every app you install can add JavaScript to every page, including pages where it does nothing. Reviews, upsell pop-ups, loyalty widgets, chat bubbles and currency converters all do this.

Uninstalling an app does not always remove its code. Many leave snippets in the theme files, and those keep loading. If your store has been running for a couple of years, open theme.liquid and look for script tags that point to services you no longer use.

A quick test: create a duplicate of your theme, remove one app's code, and compare the two on the same page. The difference is usually larger than people expect.

3. Fonts

A custom font file takes a request of its own, and until it arrives the browser either hides your text or shows a fallback and then swaps. Both feel slow. Limit yourself to two font families, load only the weights you use, and make sure the theme uses font-display: swap so text is readable straight away.

4. The theme itself

An older theme built before Shopify's current architecture can carry a lot of unused code. If the first three checks come back clean and the store is still slow, compare against a fresh install of a current free theme with your products in it. A large gap means the theme is the limit.

Measuring without guessing

Run the page through Google's PageSpeed Insights and read the mobile tab, not the desktop one. Look at the field data at the top if it exists, since that reflects real visitors, and at the diagnostics list for the specific files holding things up.

A store audit pulls these signals together for your product pages and homepage, and ties each slow file back to the app or theme file that loads it. That makes the next step concrete: remove this, resize that, defer the other.

Check your own store

Run the audit on your store

200+ checks in under two minutes. Free, no signup.