discount sale
  • Days
  • Hrs
  • Mins
  • Secs
20% Off

Use coupon code 'SDS20' Limited Offer!!

How to Improve Shopify Page Speed- 10 Proven Fixes

How to Improve Shopify Page Speed: 10 Proven Fixes

AI Summary

Shoppers don’t wait around. If your product page takes five seconds to appear on a phone, a good share of visitors leave before they ever see your price.

That delay costs real money. A Deloitte study found that improving mobile site speed by just 0.1 seconds lifted retail conversions by 8.4%.

Here’s the good part: most Shopify page speed problems come from a handful of fixable causes, and you can handle most of them without a developer. This guide starts with a quick speed audit, then walks you through 10 fixes, ranked by impact.

The 10 fixes at a glance:

  1. Audit your apps
  2. Remove leftover code from deleted apps
  3. Compress and resize your images
  4. Lazy-load below the fold, but not your hero image
  5. Use a lighter theme, or trim heavy sections
  6. Swap heavy video embeds for lightweight ones
  7. Limit your fonts
  8. Clean up tracking scripts
  9. Speed up product pages first
  10. Retest after every change

Why Is My Shopify Store Slow?

Shopify’s servers and global CDN are rarely the problem. The slowdown almost always comes from what gets added on top of your store:

  • Too many apps: Each app can load its own JavaScript and CSS, often on every page.
  • Code from deleted apps: Uninstalling an app doesn’t always remove the scripts it added to your theme.
  • Oversized images: A 4,000-pixel product photo displayed at 600 pixels is wasted weight on every visit.
  • Heavy theme features: Sliders, animations, and stacked homepage sections all add work for the browser.
  • Tracking scripts: Every pixel for ads, analytics, and heatmaps adds requests before your page finishes loading.
  • Video embeds: A standard YouTube embed loads its player before anyone presses play.

Stores rarely get slow overnight. They slow down one app, one banner, and one pixel at a time.

Check Your Shopify Page Speed First (A 15-Minute Audit)

Before changing anything, get a baseline. Otherwise, you can’t tell which fix actually helped.

  1. Open Shopify’s Web performance report: In your Shopify admin, go to Analytics > Reports and search for the web performance reports. It shows how fast your store loads for real visitors.
  2. Run Google PageSpeed Insights on mobile: Test three pages separately: your homepage, a bestselling product page, and your busiest collection page. Each template loads different things.
  3. Write down three numbers per page: These are your Core Web Vitals, and they’re the ones Google uses to judge page experience.
MetricWhat it measuresGood target
Largest Contentful Paint (LCP)How fast the main content appears2.5 seconds or less
Interaction to Next Paint (INP)How fast the page responds to taps and clicks200 ms or less
Cumulative Layout Shift (CLS)How much the layout jumps while loading0.1 or less

One tip: Don’t fixate on the 0 to 100 score at the top of PageSpeed Insights. It’s a simulated estimate. Real-visitor Core Web Vitals tell you what shoppers actually experience.

10 Fixes to Improve Shopify Page Speed

1. Audit Your Apps

Apps are the most common reason Shopify stores slow down. List every app you have installed and ask one question about each: does what it earns outweigh what it loads?

AppWhat it doesRevenue it drivesPages it loads onKeep or remove?
Example: reviews appShows product reviewsHighProduct pagesKeep
Example: old countdown timerUnused since last saleNoneEvery pageRemove

Remove anything unused, and merge apps that overlap, like two popup tools. Before uninstalling an app that stores data in your products, export your catalog with an import-export app like StoreRobo, so nothing gets lost.

Check it worked: retest your three pages and compare against your baseline.

2. Remove Leftover Code from Deleted Apps

Many older apps paste scripts straight into your theme. When you uninstall them, that code often stays behind and keeps loading.

Duplicate your live theme first, so you have a safe backup. Then go to Online Store, Themes, Edit code, and check theme.liquid and the Snippets folder for files named after apps you no longer use. If you’re unsure what’s safe to delete, ask the app’s support team or a developer.

Check it worked: the old app’s scripts should no longer appear in PageSpeed Insights.

3. Compress and Resize Your Images

Images usually make up the biggest share of a page’s weight. Upload product images at a sensible size (Shopify recommends 2,048 x 2,048 pixels for square product images) instead of straight-off-the-camera files.

Compress them before uploading with a tool like TinyPNG, and replace heavy GIFs with static images or short videos. Our guide to image optimization covers formats and compression in more detail.

Check it worked: in PageSpeed Insights, the “properly size images” warning should shrink or disappear.

4. Lazy-Load Below the Fold, but Not Your Hero Image

Lazy loading tells the browser to wait on images until a shopper scrolls near them.

The catch: never lazy-load the first big image a visitor sees, usually your homepage hero or main product photo. That image is typically your LCP element, and delaying it makes your score worse, not better. Most modern Shopify themes handle this correctly, but custom edits and some apps can break it.

Check it worked: PageSpeed Insights flags a lazy-loaded LCP image directly. If that warning appears, ask your theme developer to load that image first.

5. Use a Lighter Theme, or Trim Heavy Sections

A theme packed with animations, mega menus, and effects looks impressive in a demo. On a mid-range phone, it can feel slow.

You don’t always need a new theme. Start by trimming: replace a five-slide homepage carousel with one strong hero image, remove sections nobody scrolls to, and turn off decorative animations. If your theme is several years old, compare it against Shopify’s free Horizon or Dawn themes.

Check it worked: compare your homepage LCP before and after trimming. Hero sliders are a frequent LCP culprit.

6. Swap Heavy Video Embeds for Lightweight Ones

A standard YouTube or Vimeo embed downloads its full player the moment the page loads, even if nobody clicks play.

Use a “lite” embed instead, which shows a thumbnail image and loads the player only when someone clicks. Many Shopify themes and video apps offer this as a setting. Also turn off autoplay on mobile.

Check it worked: in PageSpeed Insights, look for fewer third-party requests from the video provider.

7. Limit Your Fonts

Every font family, weight, and style is another file the browser has to download before your text looks right.

Stick to one or two font families, and only the weights you actually use, typically regular and bold. Shopify’s built-in system fonts load almost instantly because they’re already on the shopper’s device. If brand fonts matter to you, keep one for headings and use a system font for body text.

Check it worked: in your theme settings, confirm only the fonts you chose are selected, then retest. Watch for fewer font requests in PageSpeed Insights and less text “jumping” as the page loads.

8. Clean Up Tracking Scripts

Ad pixels, analytics tags, heatmaps, and chat widgets all run scripts on your store. Over time, stores pile them up: an old Pinterest tag, a heatmap trial from last year, the same Meta pixel added twice.

List every tracking script and remove anything you no longer check. Then manage what’s left in one place, either Google Tag Manager or Shopify’s Customer events, instead of hardcoding pixels into your theme.

If you run a cookie consent banner, keep it lightweight too; here’s how cookie banners affect Core Web Vitals.

Check it worked: the “reduce the impact of third-party code” warning in PageSpeed Insights should list fewer domains.

9. Speed Up Product Pages First

Your product pages are where buying decisions happen, so they deserve the most attention. They also tend to be the heaviest pages, carrying image galleries, reviews, variant pickers, upsell widgets, and product recommendations.

You don’t need to strip these out, since many of them drive sales. Instead, keep the essentials above the fold (title, price, main image, add-to-cart) and let reviews and recommendations load further down the page. When choosing apps for these spots, pick ones that only load where they’re used. 

If you use StoreFrog for recommendations, or any of the top recommendation apps, test your product page before and after installing, just like any other app.

Check it worked: compare your product page’s LCP and INP against your homepage. If product pages lag far behind, the extra widgets are the place to look.

10. Retest After Every Change

Speed isn’t a one-time project. Every new app, theme update, holiday banner, or tracking pixel can quietly undo your progress.

Build a simple routine:

  • Retest your three key pages after any new app, theme update, or major design change.
  • Check the Web performance report in your Shopify admin once a month.
  • Run a full audit before big sales events like Black Friday.

Keep your baseline numbers in a simple spreadsheet, so you can spot when a change makes things worse and roll it back quickly.

Check it worked: your Core Web Vitals stay within the targets month after month, not just the week you fixed them.

Speed Tips You Can Skip on Shopify

A lot of speed advice online is outdated or written for self-hosted sites. Here’s what you can safely ignore:

  • Setting up a CDN, caching or Gzip. Shopify already serves your store through a global CDN and handles compression and caching for you. There’s nothing to configure.
  • Building AMP pages. Google no longer gives AMP pages special treatment in search.
  • Chasing a perfect 100 score. Plenty of fast, profitable stores never hit 100 in PageSpeed Insights. Focus on passing Core Web Vitals for real visitors instead.
  • Stacking “speed booster” apps. Some help, but every app adds its own code. Install one at a time and test it like any other app, because a speed app that slows your store does happen.

FAQs

What’s a Good Page Speed for a Shopify Store?

Aim to pass all three Core Web Vitals for real visitors: LCP of 2.5 seconds or less, INP of 200 milliseconds or less, and CLS of 0.1 or less. A specific PageSpeed score matters less than passing these.

Do Shopify Apps Slow Down My Store?

They can. Each app may add JavaScript and CSS, sometimes on every page. The impact depends on what the app loads and where, so test your store before and after installing any new app.

Do I Need a Developer to Speed Up My Shopify Store?

Not for most fixes. App audits, image compression, trimming theme sections, and cleaning up tracking scripts are all doable from your admin. Removing leftover theme code is where a developer helps most.

Does Shopify Page Speed Affect SEO?

Yes. Core Web Vitals are part of Google’s page experience signals. Speed won’t outrank better content on its own, but a slow store makes it harder to rank and convert the visitors you do get.

Wrapping Up

A faster Shopify store rarely comes from one big change. It comes from removing the small things that pile up: unused apps, leftover code, oversized images, and forgotten pixels.

Start with the 15-minute audit, work through the fixes in order, and retest after each one. Once your store is fast, keep only the apps that earn their place. Our list of the best Shopify apps to increase sales is a good place to start.

Article by

Associate Product Marketer @ WebToffee. I work on WooCommerce plugins and write about eCommerce growth, automation, coupons, subscriptions, and data privacy. Interested in practical marketing strategies that actually move metrics.

Got any query? Please leave a comment or reach out to our support

Your email address will not be published. Required fields are marked *

Google Preferred Source