Speed Diagnostic Checklist
Before you start fixing anything, you need to measure and identify the specific bottlenecks. Run your store through Google PageSpeed Insights and note your scores and diagnostics.
| Symptom | Likely Cause | Priority Fix |
|---|---|---|
| PageSpeed score below 30 | Multiple major issues compounding | Start with images and app audit |
| Large Contentful Paint above 4s | Unoptimized hero/banner images | Compress and resize hero images |
| Total Blocking Time above 600ms | Too many JavaScript-heavy apps | Remove or defer non-essential apps |
| Cumulative Layout Shift above 0.25 | Images without dimensions, late-loading elements | Set explicit image dimensions |
| Page weight above 5MB | Uncompressed images, video autoplay | Compress all images, lazy load video |
| 20+ network requests to third parties | App scripts, tracking pixels, chat widgets | Audit and remove unused third-party scripts |
Image Optimization: The Biggest Win
Images are responsible for 50-80% of page weight on most Shopify stores. A single product page might load 10-20 images, and if these are unoptimized, they can add 3-8 seconds to load time. This is almost always the first thing you should fix.
The Image Problem on Shopify
When merchants upload product images, they often upload the original camera file which can be 3-8MB per image. Even though Shopify automatically creates different sizes, the original quality is preserved and many themes load larger versions than necessary. A collection page with 20 products loading 20 unoptimized images can weigh 15-30MB, which is 5-10x what it should be.
Automatic Image Compression
Install EA Page Speed Booster to automatically compress, resize, and convert images across your entire store. This single step typically reduces total page weight by 40-60% and cuts load time by 1-3 seconds. The app handles all product images, collection images, hero banners, and theme images without any manual work required.
Hero Image and Banner Optimization
Your hero image or slideshow banner is typically the largest single element on the page and the one that determines your Largest Contentful Paint (LCP) score. Ensure hero images are under 200KB by compressing them before upload. Use WebP format when possible as it provides 25-35% smaller files than JPEG at the same quality. Set explicit width and height attributes to prevent layout shift during loading.
Lazy Loading for Below-the-Fold Images
Images below the fold (not visible on initial load) should use lazy loading, which defers their loading until the user scrolls near them. Most modern Shopify themes support lazy loading natively. If yours does not, add loading="lazy" to image tags in your theme code. This can reduce initial page load by 30-50% on image-heavy pages like collections.
App Bloat: The Silent Speed Killer
Every Shopify app you install injects JavaScript and CSS into your store's front end. Even apps that seem lightweight can add 0.3-2 seconds of load time. A store with 15-20 installed apps often has 5-10 seconds of cumulative script load from apps alone.
How to Audit Your Apps
Go to your Shopify admin and list every installed app. For each one, ask: Is this app actively generating revenue or improving conversions? If not, uninstall it. Simply disabling an app often does not remove its scripts from your theme. You must fully uninstall it and check that its code was removed from your theme files.
Common App Speed Offenders
Chat widgets are among the worst offenders, adding 1-3 seconds of load time with heavy JavaScript bundles. Review apps with photo upload features add significant weight. Social media feed widgets load external content and scripts. Pop-up apps that run on every page load even when not showing. Analytics and tracking apps that load synchronously instead of asynchronously.
Leftover App Code
When you uninstall a Shopify app, it sometimes leaves code behind in your theme files. Check your theme's layout/theme.liquid file and assets folder for scripts from apps you no longer use. Look for script tags referencing domains of apps you have uninstalled. Remove these leftover snippets to reclaim the speed they are stealing.
Theme-Specific Issues
Some Shopify themes are inherently faster than others. However, even fast themes can be slowed down by poor configuration and feature overuse.
Feature Overload
Premium themes often include dozens of sections and features. Using all of them on a single page creates bloat. Each section loads its own CSS and JavaScript. If your homepage has 15+ sections, consider reducing to 8-10 focused sections. Remove sections you added but never really needed.
Slideshow and Video Backgrounds
Hero slideshows that cycle through 3-5 large images load all images upfront, multiplying the weight. Replace slideshows with a single strong hero image for better speed. Video backgrounds are even worse, loading megabytes of video data before the page is usable. Use them sparingly and with proper lazy loading.
Custom Fonts
Custom web fonts add 100-400KB to page weight depending on the number of weights and styles used. If your theme uses a custom font, limit it to 2 weights (regular and bold). Consider using system fonts for body text and reserving custom fonts for headings only. Always use font-display: swap to prevent invisible text during font loading.
Consider a Faster Theme
If your theme scores below 30 on PageSpeed even with optimized images and minimal apps, the theme itself may be the bottleneck. Shopify's Dawn theme is specifically built for performance and consistently scores 80+ on PageSpeed. Other high-performance themes include Sense, Craft, and Refresh from the free Shopify theme library.
Font Loading Optimization
Web fonts are a common source of render-blocking delays. The browser must download font files before it can display text, which can cause 1-2 seconds of invisible or unstyled text.
Use font-display: swap: This CSS property tells the browser to show text immediately in a fallback font while the custom font loads. Users see content faster and the custom font swaps in once loaded.
Preload critical fonts: Add preload hints for your primary font files so the browser starts downloading them earlier in the page load process. This reduces the time between page load and visible text.
Limit font weights: Each font weight and style is a separate file download. Loading regular, italic, bold, bold italic, light, and semibold versions means 6 separate font files. Reduce to 2-3 weights maximum for body text.
Self-host Google Fonts: If you use Google Fonts, download and self-host them instead of loading from Google's CDN. This eliminates the additional DNS lookup and connection time to Google's servers, saving 100-300ms.
Third-Party Script Management
Beyond apps, many stores load third-party scripts for analytics, advertising pixels, chat support, and social media integrations. Each external script requires a DNS lookup, connection, and download from an external server.
Audit all third-party scripts: Open your browser DevTools Network tab and filter by third-party domains. You might be surprised how many external scripts your store loads. Common offenders include Facebook Pixel, Google Analytics, Hotjar, Klaviyo, chat widgets, and social media embeds.
Defer non-critical scripts: Analytics and tracking scripts do not need to load before the page is visible. Add async or defer attributes to script tags so they load in the background without blocking page rendering. Most tracking scripts work perfectly fine when deferred.
Remove scripts you no longer need: If you stopped using a marketing tool but never removed its tracking pixel, that script still loads on every page view and wastes load time. Audit and remove scripts for tools you have canceled or no longer use.
Mobile Speed Optimization
Over 70% of Shopify traffic comes from mobile devices, and mobile connections are slower than desktop. Mobile speed optimization requires specific attention beyond general speed improvements.
Test on real mobile devices: PageSpeed Insights simulates mobile, but test on an actual phone too. Load your store over cellular data, not WiFi, to experience what your customers experience. If your store feels sluggish on your phone, it is definitely sluggish for your customers.
Reduce mobile page weight target: Aim for total page weight under 2MB on mobile. This ensures reasonable load times even on slower cellular connections. Images should be served at mobile-appropriate sizes, not desktop sizes scaled down in the browser.
Touch-friendly interactions: On mobile, ensure buttons are large enough to tap (minimum 44x44 pixels), forms are easy to fill out, and no interactions require hover states that do not exist on touch devices. These are not speed issues per se, but they affect perceived performance and user satisfaction.
Step-by-Step Speed Fix Plan
- Measure first: Run Google PageSpeed Insights on your homepage, a collection page, and a product page. Record scores and specific issues flagged.
- Install image optimization: Add EA Page Speed Booster to automatically compress all images across your store. This is the single highest-impact change.
- Audit and remove apps: Uninstall every app that is not actively generating revenue or essential for operations. Check theme files for leftover code from previously uninstalled apps.
- Optimize hero images: Ensure your hero banner and slideshow images are under 200KB each. Replace slideshows with a single strong hero image.
- Defer third-party scripts: Add async or defer to all non-essential JavaScript including analytics and tracking pixels.
- Enable lazy loading: Ensure all below-the-fold images use lazy loading.
- Reduce font weight: Limit custom fonts to 2-3 weights. Add font-display: swap if not already present.
- Re-measure: Run PageSpeed Insights again after all changes. Compare scores to your baseline. Most stores see a 20-40 point improvement from these steps.
Shopify Speed Benchmarks (2026)
| Metric | Poor | Average | Good |
|---|---|---|---|
| PageSpeed Score (Mobile) | Below 30 | 30-60 | Above 60 |
| Largest Contentful Paint | Above 4s | 2.5-4s | Under 2.5s |
| Total Blocking Time | Above 600ms | 200-600ms | Under 200ms |
| Cumulative Layout Shift | Above 0.25 | 0.1-0.25 | Under 0.1 |
| Total Page Weight | Above 5MB | 2-5MB | Under 2MB |
Recommended EasyApps Tools
- EA Page Speed Booster — Automatic image compression and optimization, the single biggest speed improvement
- EA Sticky Add to Cart — Lightweight app that improves mobile UX without adding significant load time
- EA Announcement Bar — Minimal-footprint bar for communicating offers without heavy scripts
Speed Up Your Shopify Store Today
Image optimization is the fastest, highest-impact speed improvement. One app handles your entire image library automatically.
Frequently Asked Questions
Why is my Shopify theme so slow?
The most common causes are unoptimized images accounting for 50-80% of page weight, too many installed apps each adding 0.3-2 seconds of load time, render-blocking third-party scripts, heavy theme features like slideshows and video backgrounds, and custom font loading. Fix images first as they provide the biggest speed improvement.
What is a good PageSpeed score for Shopify?
A good mobile PageSpeed score for Shopify is above 60. The average Shopify store scores 25-40 on mobile. Scores above 80 are excellent but difficult to achieve with many apps installed. Focus on getting above 50 first which indicates acceptable performance for most visitors.
Does changing my Shopify theme improve speed?
Sometimes but not always. If your current theme is inherently bloated with excessive features, switching to a lighter theme like Dawn can improve scores by 20-30 points. However, most speed issues come from images and apps, not the theme itself. Optimize images and audit apps first before considering a theme switch.
How many Shopify apps is too many for speed?
There is no magic number but most stores see significant speed degradation above 10-12 active apps. Each app adds JavaScript and CSS to every page load. The key is not the count but the total weight. A store with 5 heavy apps can be slower than one with 15 lightweight apps. Audit by impact not just count.
Will EA Page Speed Booster really speed up my store?
Yes, image optimization is consistently the highest-impact speed improvement for Shopify stores. Uncompressed images are the number one speed problem on most stores. Automatic compression reduces total page weight by 40-60% which translates to 1-3 seconds faster load times. This single change often improves PageSpeed scores by 10-20 points.