Why Is Shopify Slow? Causes and Fixes (2026)

After auditing several hundred Shopify stores, the same seven causes account for almost every slow store, in roughly this order of impact.

1. App JavaScript bloat (40 to 60% of the problem). The average Shopify store has 15 to 20 apps installed. Each adds JavaScript, CSS, network requests, and frequently a tracking call. Many inject scripts on every page, beyond the pages where they are used. A review widget loading on the homepage, a loyalty program script on the blog, an upsell popup runtime on the About page. The compound effect is 2 to 5 seconds of added load time and 200ms to 1.5s of added main-thread work.

2. Heavy or vintage themes (15 to 25%). Vintage (pre-OS 2.0) themes load every section globally and ship the most JavaScript. Page builder themes from the marketplace bundle the editor runtime to the storefront. Even premium themes with a clean aesthetic can ship 400KB of homepage JavaScript before the first app installs.

3. Unoptimized product images (10 to 20%). Shopify's CDN serves WebP automatically when the `image_tag` Liquid filter is used. Most themes do not use it consistently for every image type, and most merchants upload original camera files without compression. Without responsive srcset, mobile visitors download desktop-resolution files. Without explicit dimensions, those same images cause layout shift.

4. Inefficient Liquid rendering (5 to 15%). Liquid runs server-side before the HTML is sent. Common offenders include loops iterating over all products on every page, deeply nested snippet includes (a product card called 60 times in a grid with 4 sub-snippets is 240 renders), and shop-wide collection queries on the homepage. TTFB swells from 200ms to 600ms+.

5. Third-party marketing scripts (5 to 10%). Analytics, chat widgets, social pixels, heatmaps, retargeting tags, and conversion trackers each add network requests and JavaScript. A typical marketing stack adds 500KB to 2MB. Even when none of them are critical for page rendering, they block the main thread and delay INP.

6. Render-blocking theme assets (3 to 8%). Theme CSS and JavaScript loaded synchronously in the document head prevent any content from rendering until they download and execute. Modern themes inline critical CSS; older themes ship a single 300KB stylesheet in the head.

7. Cumulative layout shift (2 to 5% but visible). Images without dimensions, late-loading review stars, injected upsell banners, and font swaps cause visible page jumps. CLS contributes to the Lighthouse score and (more importantly) makes the store feel broken even when it is otherwise fast.

The platform itself (Shopify's CDN, servers, Liquid engine) is almost never the cause. If TTFB from the edge is under 200ms (it usually is), the problem is what you have built on top.

Triage in the order above. The diagnostics are different for each cause and take 10 to 30 minutes total.

Apps. Open Chrome DevTools, Network tab, filter by JS. Reload an incognito session of the homepage. The script names usually reveal which apps loaded (yotpo, klaviyo, gorgias, smile, judgeme, recharge, etc.). Cross-reference against your installed app list. Then disable suspected apps one at a time and re-run PageSpeed Insights. The score delta is the app's real cost.

Theme. Run PSI on the homepage and check the total JavaScript transferred. If it is over 300KB before apps, the theme is the floor. Confirm by previewing Dawn on the same store and comparing the JS weight.

Images. In DevTools, Network tab, filter by Img. Sort by transferred size. Any single image over 200KB on a product page or 400KB on the homepage is a problem. Check whether the image URLs include Shopify's `_x{width}` size suffix (signal that `image_tag` is being used) or whether they are raw original-size files.

Liquid. Install the Shopify Theme Inspector Chrome extension. Open any page on your store while logged into the admin. The overlay shows every section's Liquid render time. Any section above 50ms warrants investigation; anything above 100ms is a clear target.

Third-party scripts. DevTools Network tab, filter by JS, sort by domain. Any domain not yours or Shopify's is a third party. Count them. Most stores have 8 to 15 third-party domains loading on the homepage.

Render-blocking. PSI's Lighthouse report flags render-blocking resources directly. Open the audit and check which CSS and JS files are blocking the first paint. Theme assets usually dominate.

CLS. PSI shows a CLS field value and a debug overlay. Open the page in DevTools Performance panel, record a load, and look for the Layout Shift entries. The element causing each shift is shown.

Match each cause to its fix. The expected gain in median mobile Lighthouse is in parentheses.

Apps (+10 to +25 Lighthouse). For every app: business value divided by speed cost. If a review app drives 5% of sales but adds 400ms to every page load (affecting 100% of visitors), the math may not work. Remove or replace the heaviest. Use the facade pattern for chat widgets (show a button, load the real widget on click). For reviews, switch to a lighter alternative or load the widget only on product pages.

Theme (+15 to +30 Lighthouse). Migrate to an OS 2.0 theme. Dawn is the fastest free option; Prestige and Impact are the fastest paid options. See the fastest Shopify themes guide for the ranked shortlist.

Images (+5 to +15 Lighthouse, big LCP gain). Use `image_tag` with srcset on every image. Preload the LCP image with `fetchpriority='high'` in `theme.liquid`. Compress originals before upload with Squoosh or TinyPNG. Add `loading='lazy'` to below-fold images. Add explicit width and height to every img tag.

Liquid (+5 to +15 Lighthouse, big TTFB gain). Refactor sections taking over 50ms. Replace shop-wide loops with paginated queries. Flatten deeply nested snippets. Use `{% unless %}` to skip empty data.

Third-party scripts (+5 to +15 Lighthouse, big INP gain). Defer everything non-critical. Use Google Tag Manager to consolidate 10+ tracking scripts into one container with controlled firing rules. Set non-essential tags to fire on Window Loaded instead of Page View.

Render-blocking (+3 to +8 Lighthouse). Inline above-the-fold critical CSS in `theme.liquid` head. Load the full stylesheet asynchronously. Defer non-critical theme JavaScript with `defer` or `async`.

CLS (improves CLS metric, +2 to +5 Lighthouse). Width and height on every image. `font-display: swap` with size-adjusted fallback fonts via `@font-face` `size-adjust` and `ascent-override`. Reserve space for review widgets, upsell popups, chat bubbles. Never inject content above existing content.

Doing all seven correctly typically moves a 30 to 40 Lighthouse mobile score into the 75 to 90 range, brings LCP under 2.5s, brings INP under 200ms, and passes CLS. The work is detailed and the order matters; for full implementation with CrUX-verified results, our done-for-you Shopify speed optimization service handles every layer from app audit through post-launch monitoring.