Improving Shopify page speed is crucial for maximizing conversions and enhancing user experience, as even minor delays can lead to significant revenue losses. By addressing common issues such as excessive apps, leftover code, and oversized images, store owners can implement effective fixes without requiring extensive technical expertise.
- A delay of just 0.1 seconds in mobile site speed can decrease retail conversions by 8.4%.
- Most Shopify speed issues stem from added elements like apps, heavy themes, and tracking scripts.
- Conducting a thorough speed audit is essential to identify baseline performance metrics before making changes.
- Key fixes include removing unused apps, compressing images, and optimizing tracking scripts to enhance load times.
- Regular retesting after each modification ensures ongoing performance improvements and helps maintain optimal Core Web Vitals.
- Core Web Vitals are critical for SEO, as they impact Google’s page experience signals and overall search rankings.
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:
- Audit your apps
- Remove leftover code from deleted apps
- Compress and resize your images
- Lazy-load below the fold, but not your hero image
- Use a lighter theme, or trim heavy sections
- Swap heavy video embeds for lightweight ones
- Limit your fonts
- Clean up tracking scripts
- Speed up product pages first
- Retest after every change
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.
Before changing anything, get a baseline. Otherwise, you can’t tell which fix actually helped.
- 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.
- 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.
- Write down three numbers per page: These are your Core Web Vitals, and they’re the ones Google uses to judge page experience.
| Metric | What it measures | Good target |
| Largest Contentful Paint (LCP) | How fast the main content appears | 2.5 seconds or less |
| Interaction to Next Paint (INP) | How fast the page responds to taps and clicks | 200 ms or less |
| Cumulative Layout Shift (CLS) | How much the layout jumps while loading | 0.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.
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?
| App | What it does | Revenue it drives | Pages it loads on | Keep or remove? |
| Example: reviews app | Shows product reviews | High | Product pages | Keep |
| Example: old countdown timer | Unused since last sale | None | Every page | Remove |
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.
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.
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.
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.