Shopify store speed directly impacts your conversion rate, search rankings, and customer experience. Google uses Core Web Vitals as a ranking signal, and studies show that a 1-second delay in page load time can reduce conversions by up to 20%. This Shopify speed optimisation checklist covers every actionable step to make your store faster - from image compression and app auditing to theme code optimisation and lazy loading.
Measure Your Current Performance
Before optimising, establish a baseline. Test your store with Google PageSpeed Insights (provides Core Web Vitals scores and specific recommendations), Google Lighthouse (built into Chrome DevTools - more detailed technical analysis), and WebPageTest (waterfall charts showing exactly what loads and when). Test your homepage, a collection page, and a product page - these are the highest-traffic templates. Note your scores for Largest Contentful Paint (LCP), First Input Delay (FID) / Interaction to Next Paint (INP), and Cumulative Layout Shift (CLS). These are Google's Core Web Vitals metrics.
Image Optimisation
Images are typically the largest elements on ecommerce pages and the single biggest opportunity for speed improvement.
- Compress before uploading: Use tools like TinyPNG, Squoosh, or ImageOptim to compress images before uploading to Shopify. Aim for under 200KB per product image
- Use appropriate dimensions: Do not upload 4000x4000px images when they display at 800x800px. Resize images to the maximum display size needed
- Use WebP format: Shopify's CDN automatically serves WebP versions of images to supported browsers, but uploading optimised source images still matters
- Lazy load below-fold images: Add
loading="lazy"to images below the fold. Keep hero images and above-fold product images eager-loaded for fast LCP - Set explicit dimensions: Always specify width and height attributes on images to prevent CLS (layout shift)
App Audit - The Biggest Speed Killer
Apps are the most common cause of slow Shopify stores. Every app potentially adds JavaScript files, CSS stylesheets, external API calls, and DOM elements to your storefront - even if the app's functionality is only used on specific pages.
Conduct an app audit: list every installed app, identify which are actively used and essential, check whether uninstalled apps left residual code behind (extremely common - theme code injected by apps often remains after uninstallation), use Chrome DevTools Network tab to identify which third-party scripts load and how long they take, and remove or replace apps that significantly impact load time.
A common finding: stores running 15-20 apps often drop to 10-second load times. Reducing to 8-10 essential apps can cut load time in half.
Theme Code Optimisation
If you use a custom theme or have made significant customisations, review the theme code for performance issues: defer non-critical JavaScript with defer or async attributes, minimise inline CSS and move styles to external stylesheets, remove unused CSS rules (tools like PurgeCSS can identify unused styles), reduce DOM complexity - simpler HTML structures render faster, avoid render-blocking resources in the <head>, and use Shopify's built-in image filters (image_url, image_tag) for automatic CDN delivery and responsive images.
Font Optimisation
Custom fonts can significantly impact load time, especially on mobile. Limit to 2-3 font files maximum, use font-display: swap to prevent invisible text during loading, preload critical fonts with <link rel="preload">, consider using system fonts for body text (they load instantly), and subset fonts to include only the characters you need.
Reduce Third-Party Scripts
Third-party scripts (analytics, chat widgets, social media pixels, marketing tools) run on your storefront and can significantly impact performance. Audit every third-party script: is it necessary? Can it be loaded asynchronously? Is there a lighter alternative? Common offenders include live chat widgets, social media embed scripts, multiple analytics tools tracking the same data, and review widget JavaScript.
Shopify-Specific Speed Tips
- Use Shopify's built-in CDN - do not host assets externally
- Leverage browser caching (Shopify handles this automatically for static assets)
- Use Shopify sections and blocks efficiently - avoid deeply nested sections
- Minimise Liquid loop complexity - complex loops increase server render time
- Use
{% render %}instead of{% include %}for snippets (better performance)
Monitoring and Ongoing Maintenance
Speed optimisation is not a one-time task. Set up regular performance monitoring: run PageSpeed Insights monthly, check Core Web Vitals in Google Search Console, review site speed after installing any new app, and test after every major theme update. Performance tends to degrade gradually as content is added and apps are installed - regular monitoring catches regressions before they impact revenue.
Need Help Optimising Your Shopify Store Speed?
DigiXoft is a certified Shopify Partner providing Shopify maintenance and performance optimisation. We audit your store, identify speed bottlenecks, and implement optimisations that measurably improve Core Web Vitals and conversion rates. Contact us for a speed audit.
Frequently Asked Questions
What is a good page speed score for a Shopify store?
Aim for 70+ on Google PageSpeed Insights for mobile and 90+ for desktop. Most Shopify stores score 30-50 on mobile out of the box - significant improvement is usually possible through image optimisation, app reduction, and theme code cleanup.
Why is my Shopify store so slow?
The most common causes are too many installed apps (each adds JavaScript and CSS), unoptimised images (large file sizes and dimensions), third-party scripts (analytics, chat, social widgets), heavy theme code with render-blocking resources, and residual code from uninstalled apps. An audit usually identifies 2-3 primary bottlenecks.
Does Shopify store speed affect SEO?
Yes. Google uses Core Web Vitals (LCP, FID/INP, CLS) as ranking factors. Faster stores tend to rank higher than slower competitors, all else being equal. Speed also affects user experience metrics like bounce rate and time on site, which indirectly influence rankings.