Shopify Loading Slow? 10 Hidden Causes & Instant Fixes

The Instant Fix (Before We Dig In)

Before spending hours diagnosing individual causes, try the one-click solution that fixes most of them automatically:

For the remaining causes (leftover app code, Liquid loops, homepage bloat), you'll need manual intervention. Check Thunder's pricing plans to see which optimizations are included at each tier. Now let's go through all 10.

This is the #1 hidden speed killer. When you uninstall a Shopify app, its code often stays behind in your theme. Script tags in theme.liquid, CSS files in your assets folder, Liquid snippets in the snippets directory — all still loading on every page view, slowing down your store for an app you no longer use.

We've seen stores with code from 10+ uninstalled apps still loading. Each one adds JavaScript and CSS that the browser has to download, parse, and execute — even though the app does nothing.

Every Shopify app that shows something on your storefront (reviews, pop-ups, chat, upsells) injects JavaScript that blocks your page from rendering. The browser has to download, parse, and execute each script before it can show your page content.

Five apps can easily add 1–3 seconds of blocking time. This is why stores with many apps score 20–35 on PageSpeed even with a fast theme — the scripts overwhelm everything else. If you want a broader fix list, read our guide on how to speed up your Shopify store.

Your theme's CSS file must be completely downloaded before the browser can render anything. A typical Shopify theme ships 200–500KB of CSS, but only 10–20% is needed for the initial viewport (above-the-fold content). Your visitors wait for CSS they don't need yet.

The fix is to extract the critical CSS (just what's needed for the first screen), inline it directly in the HTML, and load the full stylesheet asynchronously. This is one of the most impactful optimizations — and one of the hardest to do manually.

Custom web fonts are one of the sneakiest performance drains. Each font weight (regular, bold, italic) is a separate file download — typically 20–100KB each. A theme using 4 weights of a Google Font is loading 80–400KB of font data before text is visible.

Worse, without font-display: swap, the browser shows invisible text (FOIT — Flash of Invisible Text) until fonts load. Your visitors stare at a blank page wondering if the store is broken.

This one is invisible in PageSpeed results but affects everything downstream. Complex Liquid loops — like iterating over all products in a large collection, nested loops for variant options, or running metafield lookups inside loops — make Shopify's servers work harder, increasing your Time to First Byte (TTFB). Our Shopify slow diagnosis guide walks through how to pinpoint exactly which templates are causing the bottleneck.

A product page template that loops through 100 products for "You May Also Like" recommendations, each with nested variant loops, can add 500ms+ to TTFB. That delays everything — FCP, LCP, the entire waterfall.

Your hero/banner image is almost always the Largest Contentful Paint (LCP) element — the metric Google cares most about. If it's unoptimized (large file size, wrong dimensions, not preloaded), it directly tanks your LCP score, which is 25% of your overall PageSpeed score.

Common mistakes: uploading a 4000x3000px image when the display area is 1600x600px, using JPEG instead of WebP, not preloading the hero, and lazy-loading the hero image (it should be eager-loaded since it's above the fold). For a deeper dive into every image technique, see our Shopify image optimization guide.

Every time your store loads a resource from a third-party domain (fonts from Google, scripts from Klaviyo, images from a CDN), the browser needs to perform DNS lookup + TCP connection + TLS handshake. This takes 100–300ms per domain.

Preconnect hints tell the browser to start these connections early — before it even discovers it needs them. Most Shopify stores connect to 5–15 third-party domains but preconnect to zero of them.

Before your store can even start loading, the visitor's browser must resolve your domain name to an IP address. If your DNS provider is slow, this adds delay to every single page load.

Many merchants use their domain registrar's default DNS, which is often slow. Upgrading to a fast DNS provider (like Cloudflare DNS) can shave 100–300ms off every page load — completely free.

Shopify's section-based themes make it easy to add content blocks — slideshow, featured collection, testimonials, Instagram feed, newsletter, blog posts, video, map, countdown timer… Before you know it, your homepage has 15+ sections.

Each section adds HTML, CSS, JavaScript, and often images to your page. A homepage with 15 sections can easily be 3–5MB of total page weight. More sections = more code = slower load.

Many Shopify themes and apps inject <script> tags directly into Liquid templates — not as external files, but as inline code blocks. This code blocks rendering, can't be cached by the browser (it reloads every page), and can't be deferred with a simple defer attribute.

Inline scripts are especially tricky because they often depend on Liquid variables (like product data), so they can't simply be moved to an external file.

The Bottom Line

Most slow Shopify stores suffer from multiple hidden causes at once. The good news: you don't need to fix all 10 manually. Thunder handles the 7 most impactful ones automatically, and the remaining 3 (leftover app code, Liquid loops, section overload) are straightforward manual fixes. For a complete walkthrough, see our full Shopify speed optimization guide.

Frequently Asked Questions