Shopify Speed Audit: How to Run One Step-by-Step

Fix the Most Common Issues Right Now

Most Shopify speed audits uncover the same issues: render-blocking scripts, unoptimized fonts, and poor resource prioritization. Thunder Page Speed Optimizer fixes these automatically:

• Defers non-critical JavaScript that blocks page rendering
• Inlines critical CSS for immediate above-the-fold display
• Optimizes font loading to prevent invisible text
• Manages resource loading order for optimal Core Web Vitals

Install Thunder first, then run your audit to identify remaining issues. Start with a free speed test to see your current baseline.

What You Need Before Starting

A complete Shopify speed audit uses these free tools:

You'll also need: your store URL, access to Shopify admin, and ~60-90 minutes. For more tool options, see our complete guide to Shopify speed test tools.

Step 1: Establish Your Baseline Scores

Before fixing anything, document where you stand. Run PageSpeed Insights on these four pages (test both mobile and desktop):

1. Homepage — Your highest-traffic page and first impression
2. A top collection page — Tests how your store handles product grids
3. Your best-selling product page — Where conversions happen
4. A blog post or content page — Usually lightest, useful as comparison

Record these numbers in a spreadsheet:

Step 2: Check Real-User Core Web Vitals

Lab scores (PageSpeed Insights) test in controlled conditions. Real-user data shows how actual customers experience your store. Open Google Search Console → Core Web Vitals.

You'll see pages grouped by status:

• Good — Passing all three metrics (LCP < 2.5s, CLS < 0.1, INP < 200ms)
• Needs Improvement — One or more metrics in the warning range
• Poor — One or more metrics failing

This data is especially valuable because it reflects real browsing conditions — real device speeds, real network connections, real customer behavior. If your lab scores look decent but real-user CWV data shows "poor," your customers on slower mobile devices are having a bad experience.

Note which metric fails most often:

• LCP failing? → Focus on hero images, fonts, and render-blocking resources
• CLS failing? → Focus on image dimensions, dynamic content injection, and layout shift fixes
• INP failing? → Focus on JavaScript optimization and interaction responsiveness

For a comprehensive understanding of these metrics, read our Shopify Core Web Vitals guide.

Step 3: Audit App Impact on Speed

Apps are the #1 cause of slow Shopify stores. This step alone often reveals 50-70% of your speed problems.

Quick Method: Chrome DevTools Network Tab

1. Open your store in Chrome → Press F12 → Click "Network" tab
2. Check "Disable cache" and reload the page
3. Filter by "JS" (JavaScript) — sort by size (largest first)
4. Look for script URLs containing app names, cdn.shopify.com/extensions, or third-party domains
5. Note the total number of requests and total transfer size

Healthy targets:

Deep Method: Test With Apps Disabled

The most revealing test: temporarily disable all apps and measure the speed difference. If your store jumps from a 30 to a 75, apps are your primary problem.

1. Go to Shopify Admin → Settings → Apps and sales channels
2. Note your current PageSpeed score
3. Disable apps one at a time, testing after each
4. Record which apps cause the biggest score drops
5. Re-enable apps when done

For a deeper analysis, use our Shopify store analyzer to see exactly which scripts each app loads.

Step 4: Identify Render-Blocking Resources

Render-blocking resources are CSS and JavaScript files that prevent the browser from displaying your page until they're fully downloaded and processed. They're the main reason for high LCP times.

Check PageSpeed Insights — look under "Opportunities" for:

• "Eliminate render-blocking resources" — Lists every CSS and JS file blocking your page render. Click to expand and see potential savings.
• "Reduce unused CSS" — CSS that's downloaded but not used on this page. Common with large theme stylesheets.
• "Reduce unused JavaScript" — JS code that's downloaded but not executed. Often from apps loading their full bundle on pages where they're not needed.

Common Render-Blocking Culprits on Shopify

Thunder eliminates render-blocking resources automatically by deferring non-critical scripts and inlining critical CSS. This is the single highest-impact optimization for most Shopify stores.

Step 5: Review Image Optimization

Images are typically the heaviest assets on any Shopify page. Check for these issues:

Image Size and Format

In Chrome DevTools → Network → filter by "Img" — check total image size and individual file sizes.

• Hero/banner images over 200KB: Compress or resize. Target 80-150KB for hero images.
• Product images over 100KB: Shopify auto-compresses, but original uploads matter. Upload images at 2048x2048 max.
• Images not in WebP/AVIF format: Shopify's CDN automatically serves WebP when the browser supports it — verify by checking the "Type" column in Network tab.
• Images with wrong dimensions: A 3000x3000 image displayed at 300x300 wastes bandwidth. Use Shopify's image_url filter with width parameters.

Lazy Loading

Images below the initial viewport should use lazy loading so they only download when the user scrolls near them. Check for:

• Hero image with loading="lazy": This is wrong — your hero should load eagerly since it's the LCP element
• Product grid images without lazy loading: Products below the fold should be lazy-loaded
• Decorative images loading eagerly: Trust badges, social icons, and footer images should all be lazy

For a complete image optimization approach, see our Shopify image optimization guide and lazy loading setup guide.

Step 6: Analyze Theme Code Quality

Your Shopify theme is the foundation everything else loads on top of. A bloated or poorly coded theme makes every other optimization less effective.

Quick Theme Health Check

1. Check your theme's built-in speed: Use Shopify's Online Store → Themes → click on your theme name → "Speed" section. Shopify provides a baseline speed rating.
2. Count theme sections on homepage: Each section adds HTML, CSS, and sometimes JavaScript. More than 15-20 sections on any page is a performance concern. Check if you're using sections you could remove.
3. Check for inline JavaScript: Search your theme code for <script> tags within section files. Inline scripts in sections load on every page that includes those sections.
4. Look for excessive Liquid loops: Complex Liquid logic (nested for loops, heavy metafield queries) slows server-side rendering, increasing TTFB (Time to First Byte).

Theme Red Flags

If your theme is the bottleneck, consider switching to a faster Shopify theme. Dawn (Shopify's default) is one of the fastest available. Check our fastest free themes ranking for alternatives.

Step 7: Inspect Third-Party Scripts

Beyond apps, your store likely loads scripts from external services — analytics, marketing pixels, chat widgets, review platforms, and more. These third-party scripts often have the largest speed impact because they load from slow external servers.

Finding Third-Party Scripts

1. In Chrome DevTools → Network tab, look at the "Domain" column
2. Any domain that isn't cdn.shopify.com or your store's domain is third-party
3. Note each unique domain and the total data loaded from it

Common Third-Party Script Offenders

Prioritize Your Fixes: The Speed Audit Action Plan

After completing all 7 steps, you'll have a list of issues. Here's how to prioritize them for maximum impact:

Priority 1: Quick Wins (Do This Week)

• Install Thunder Page Speed Optimizer for automated script deferral and critical CSS
• Remove unused apps (any app not actively contributing to revenue)
• Compress oversized images (anything over 200KB)
• Add font-display: swap to font declarations

Priority 2: Medium Effort (This Month)

• Self-host Google Fonts
• Implement lazy loading for below-fold images
• Consolidate overlapping apps (3 popup tools → 1)
• Defer non-essential third-party scripts (chat, reviews on non-product pages)

Priority 3: Higher Effort (This Quarter)

• Theme migration if current theme is fundamentally slow
• Server-side tracking migration for marketing pixels
• Clean up leftover code from uninstalled apps
• Set up ongoing performance monitoring

After Your Audit: Maintaining Speed

A speed audit is only valuable if you act on it and prevent regressions. Set up these ongoing practices:

• Monthly quick check: Run PageSpeed Insights on your homepage and top product page. Compare against your baseline. Takes 5 minutes.
• Before installing any new app: Run a speed test before and after installation. If the app drops your score by 10+ points, look for alternatives.
• After theme updates: Theme updates can introduce new scripts or change resource loading. Always test speed after updating.
• Quarterly full audit: Re-run this entire 7-step process every 3 months. Stores accumulate speed debt over time as apps, sections, and customizations pile up.

For ongoing monitoring between audits, set up automated performance monitoring using Google Search Console alerts and synthetic testing. Our complete speed optimization guide covers long-term maintenance strategies.

Frequently Asked Questions

Your Speed Audit Is the Starting Line

Running a Shopify speed audit isn't a one-time event — it's the foundation of ongoing performance management. The 7 steps in this guide give you a complete picture of what's slowing your store: from app bloat and render-blocking scripts to image optimization and theme code quality.

The fastest path to results: install Thunder Page Speed Optimizer to handle automated optimizations, then use your audit findings to make targeted manual improvements. Most stores see their biggest gains from the combination of automated script management and manual app cleanup.

Start now. Run your free speed test and follow this guide step by step. Your customers — and Google — will notice the difference.