Why Speed Directly Impacts Shopify Revenue

A one-second delay in page load time reduces conversions by 7%. For a store doing £10,000/month, that is £700 per second lost — per month. Google uses Core Web Vitals as a ranking factor, which means slow stores rank lower and pay more for ads. A speed audit is not a nice-to-have: it is a direct revenue lever.

Step 1: Baseline Measurement

Before fixing anything, measure your current performance. Use Google PageSpeed Insights (pagespeed.web.dev) on your homepage, a collection page, and your best-selling product page. Note the scores for mobile and desktop separately. Also run GTmetrix and WebPageTest for waterfall views that show which resources are slowest.

Record your Largest Contentful Paint (LCP), Cumulative Layout Shift (CLS), and Interaction to Next Paint (INP). These three Core Web Vitals determine your Google “Page Experience” signal. Target: LCP under 2.5s, INP under 200ms, CLS under 0.1.

Step 2: Image Audit

Images cause 60–80% of page weight on most Shopify stores. Check every image on your homepage and product pages. Look for: uncompressed JPEGs above 200KB, PNG files where JPEG or WebP would do, images served larger than displayed, missing lazy loading on below-the-fold images.

Shopify natively serves WebP to browsers that support it if you use the standard image URL parameters. Ensure your theme uses image_url | image_tag Liquid filters rather than hardcoded URLs. For existing images, use an app like Crush.pics or TinyIMG to compress without quality loss.

Step 3: App Audit

Every Shopify app that runs JavaScript on the storefront adds load time. Go to your Theme Editor, then open your live store while Network tab is open in Chrome DevTools. Count how many third-party scripts load on the homepage. Anything above 10 is worth reviewing.

List every installed app. For each one, ask: is it actively used? Does it generate revenue? If the answer to both is no, remove it. Common culprits: review apps loading on every page even when no reviews exist, abandoned upsell apps from past campaigns, duplicate apps for the same function.

Step 4: Theme Code Audit

Your theme may have accumulated dead code over time. Open your theme in the code editor. Check section files for unused sections. Look for render-blocking CSS loaded in the <head> that could be deferred. Check if your theme loads fonts from Google Fonts — Shopify’s native font library loads faster and does not trigger extra DNS lookups.

Check your theme.liquid for script tags without async or defer attributes. Any synchronous script in the head blocks rendering until it loads. Every pixel-tracking script, chat widget, and marketing tool should load asynchronously.

Step 5: Liquid Rendering Audit

Poor Liquid code causes high Time to First Byte (TTFB). Avoid nested loops that query the database multiple times. Use unless instead of if not. Cache heavy operations where possible. Check for forloop.first hacks that re-render content multiple times.

The Shopify Theme Inspector browser extension shows exactly which Liquid snippets are slowest to render. Install it, reload your store, and sort by render time. Anything above 50ms in Liquid is worth optimising.

Step 6: Third-Party Script Deferral

Chat widgets, heatmap tools, and review carousels do not need to load before the customer sees your content. Wrap them in a small JavaScript that delays loading until after the main thread is free. The pattern: listen for user interaction (scroll, mouse move, first click), then inject the script tag dynamically.

This technique can reduce your LCP by 0.5–1.5 seconds on mobile without any visible change in functionality for real users. Bots and crawlers will not trigger the interaction, which is fine — they do not need chat widgets.

Step 7: CDN and Caching Check

Shopify hosts all stores on its global CDN. Your store assets are served from edge nodes close to your customers. However, your custom domain DNS configuration can affect performance. Ensure your domain CNAME points directly to Shopify’s CDN rather than routing through an additional proxy that adds latency.

Target Scores and Priorities

  • PageSpeed Mobile score above 70 (above 80 is excellent)
  • LCP under 2.5s on mobile
  • Total page weight under 2MB on product pages
  • Fewer than 8 third-party scripts on homepage
  • No render-blocking resources in the head

Run the audit quarterly. Stores grow, apps accumulate, and themes get customised — speed degrades gradually. A quarterly audit catches issues before they compound into ranking drops.

Shopify Experts · OneOnic

Ready to Grow Your Shopify Store?

Our Shopify experts at OneOnic have helped hundreds of store owners scale faster. Let us build, optimise, and grow your store.

Tags: