Speed Diagnostic Checklist
Shopify page speed problems typically come from seven sources: unoptimized images, too many apps, heavy themes, third-party tracking scripts, custom fonts, embedded videos, and leftover code from uninstalled apps. Most stores have 2-3 of these issues simultaneously. Use the diagnostic table below to identify yours.
| Symptom | Likely Cause | Quick Test |
|---|---|---|
| Images load slowly or appear blurry then sharpen | Unoptimized images (too large) | Check image file sizes in Chrome DevTools → Network |
| Store was fast, now it's slow | Recently installed app(s) | Disable apps one at a time, test speed after each |
| Entire page takes 5+ seconds to load | Heavy theme or too many scripts | Run PageSpeed Insights, check JS payload size |
| Content appears then layout shifts around | Missing image dimensions, late-loading elements | Check CLS score in PageSpeed Insights |
| Text appears in default font then switches | Custom web fonts loading slowly | Check Network tab for font file downloads |
| Speed test shows many third-party requests | Tracking pixels, analytics, chat widgets | Count third-party domains in Network tab |
Cause 1: Unoptimized Images
This is the #1 speed killer for Shopify stores. Merchants upload product photos straight from their camera or supplier at full resolution — 3000x4000px at 3-5MB each. A product page with 6 images can require the browser to download 20-30MB of data.
How to diagnose: Open Chrome DevTools (F12) → Network tab → filter by "Img." Sort by size. If any images are over 500KB, they need optimization. Check the total page weight at the bottom of the Network tab — anything over 3MB is a problem.
How to fix it:
- Install EA Page Speed Booster to automatically compress all existing and new images across your store
- Before uploading, resize product images to a maximum of 2048px on the longest side
- Use WebP format when possible — it's 25-35% smaller than JPEG at the same quality
- Enable lazy loading so images below the fold don't load until the customer scrolls to them
- Remove unused or duplicate images from your Shopify Files section
Cause 2: Too Many Shopify Apps
Every Shopify app injects JavaScript and often CSS into your theme. Even well-coded apps add 50-200KB of assets and 1-3 additional HTTP requests. The problem compounds: 10 apps can add 2-3 seconds to every page load.
How to diagnose: Go to your Shopify Admin → Apps. Count how many you have installed. Then check which ones are actually injecting code: view your page source and search for app-related script tags. Many apps load their scripts on every page, even pages where they aren't used.
How to fix it:
- Audit every installed app — if you haven't used it in the last 30 days, uninstall it
- Check if any apps offer a "load only on specific pages" option and enable it
- Consolidate functionality: instead of 3 separate popup apps, use one like EA Email Popup & Spin Wheel that handles multiple use cases
- After uninstalling apps, check your theme code for leftover snippets (see Cause 7 below)
- Choose apps built with performance in mind — EA apps are designed to minimize script size and load asynchronously
Cause 3: Heavy or Bloated Theme
Premium Shopify themes with dozens of sections, complex animations, and multiple layout options often come with large CSS and JavaScript files. A theme that looks impressive in demos can be painfully slow in production.
How to diagnose: Check your theme's JavaScript payload size in PageSpeed Insights under "Reduce JavaScript execution time." If your theme's JS is over 500KB (uncompressed), it's heavy. Compare your speed with a test store running Shopify's Dawn theme.
How to fix it:
- Disable theme features you're not using (parallax scrolling, animations, mega menus, etc.)
- If your theme is over 3 years old, consider migrating to a modern Shopify 2.0 theme built on Dawn's architecture
- Remove unused sections from your homepage — each section adds code even if it looks minimal
- Reduce the number of products shown on collection pages — showing 48 products loads more assets than showing 24
Cause 4: Third-Party Scripts
Every tracking pixel, analytics tool, chat widget, and retargeting tag adds to your page load time. Facebook Pixel, Google Analytics, Hotjar, Klaviyo, Tidio, and other tools all inject JavaScript that blocks page rendering.
How to diagnose: In Chrome DevTools → Network tab, filter by "JS" and sort by domain. Count how many different third-party domains are loading scripts. Each one adds DNS lookup time, connection time, and download time.
How to fix it:
- Load tracking scripts with
asyncordeferattributes so they don't block page rendering - Use Google Tag Manager to manage all tracking scripts in one container
- Remove any tracking tools you're not actively reviewing data from
- Defer chat widgets to load after the page is fully rendered (most chat apps offer this option)
- Load retargeting pixels only on key pages (product, cart, checkout) instead of every page
Cause 5: Custom Fonts and CSS
Custom web fonts are a hidden speed killer. Each font family requires downloading font files (100-300KB each), and if you're loading multiple weights (regular, bold, italic), it multiplies quickly.
How to diagnose: Check your theme's font settings. Count how many custom fonts are loaded. In Chrome DevTools → Network → filter by "Font" to see the total font payload.
How to fix it:
- Limit yourself to 2 font families maximum (one for headings, one for body text)
- Use system fonts where possible — they require zero download time
- If using Google Fonts, preconnect to
fonts.googleapis.comin your theme's head - Use
font-display: swapso text is visible immediately while fonts load - Only load the font weights you actually use (regular + bold is usually sufficient)
Cause 6: Embedded Videos and Media
Embedding YouTube or Vimeo videos directly on product pages adds significant page weight. A single YouTube embed loads 500KB-1MB of scripts and iframes, even before the video plays.
How to diagnose: Check if any pages have auto-playing videos or multiple video embeds. Look for iframe tags in your page source from YouTube, Vimeo, or other video platforms.
How to fix it:
- Use "facade" loading for videos: show a thumbnail image that only loads the actual video player when clicked
- Host short product videos as MP4 files directly on Shopify instead of embedding from YouTube
- Limit videos to one per product page
- Move background videos to a static image with a play button overlay
Cause 7: Leftover Code from Uninstalled Apps
When you uninstall a Shopify app, the app is removed but the code it injected into your theme often stays behind. Over time, these orphaned snippets accumulate and add load time for functionality that no longer exists.
How to diagnose: Go to Shopify Admin → Online Store → Themes → Edit Code. Search for the names of apps you previously uninstalled. Check theme.liquid for script tags that reference domains of apps you no longer use.
How to fix it:
- After uninstalling any app, always check your theme code for leftover snippets
- Search
theme.liquidfor<script>tags and identify any that belong to uninstalled apps - Check the Snippets folder in your theme editor for files named after old apps
- Remove orphaned code carefully — always duplicate your theme as a backup before editing code
- If you're not comfortable editing theme code, contact the app developer — many will clean up their code upon request
Speed Optimization Action Plan
| Priority | Action | Expected Improvement |
|---|---|---|
| 1 (Today) | Install EA Page Speed Booster, compress all images | 1-3 seconds faster load time |
| 2 (This week) | Audit and remove unused apps, clean leftover code | 0.5-2 seconds faster |
| 3 (This week) | Defer third-party scripts, limit fonts to 2 families | 0.5-1 second faster |
| 4 (If needed) | Consider switching to a lightweight theme | 1-3 seconds faster |
Fix Your Shopify Store Speed Today
EA Page Speed Booster automatically compresses all images across your store — the single biggest speed improvement for most Shopify stores. Free to install, works instantly.
Frequently Asked Questions
What is a good Shopify page speed score?
A good Shopify speed score in PageSpeed Insights is 50+ on mobile and 80+ on desktop. However, Shopify's own speed report uses a different scale where scores above 50 are considered decent. Don't obsess over the number — focus on real-world load time. If your store loads in under 3 seconds on a real mobile connection, your speed is acceptable.
Do Shopify apps slow down my store?
Yes, most Shopify apps add JavaScript and CSS that loads on every page, even pages where the app isn't active. Each app typically adds 50-200KB of assets and 1-3 additional HTTP requests. Installing 10+ apps can easily add 2-3 seconds to your page load time. Audit your apps regularly and remove any you're not actively using.
How much does page speed affect Shopify conversion rates?
Significantly. Research consistently shows that every 1-second delay in page load time reduces conversions by approximately 7%. A store loading in 5 seconds instead of 2 seconds could be losing 20%+ of its potential sales. Page speed is also a Google ranking factor, so slow speeds reduce both conversions and organic traffic.
Does my Shopify theme affect page speed?
Yes, theme choice is one of the biggest factors in Shopify page speed. Feature-heavy themes with complex animations, multiple font families, and large CSS files load significantly slower. Shopify's official Dawn theme is optimized for performance. If your current theme scores poorly, consider switching to a lightweight alternative.
Can I make my Shopify store load in under 2 seconds?
It's difficult but possible. You need a lightweight theme (like Dawn), minimal apps, compressed images (use EA Page Speed Booster), no custom fonts, and limited third-party scripts. Most Shopify stores can realistically achieve 2-3 second load times with proper optimization.