Concepts referenced in this article, defined.
Run rigorous A/B tests and personalize every visit on Shopify or any storefront โ no engineers required.
Shopify speed optimisation is the practice of reducing the time your store takes to load and become interactive โ and it directly affects how many visitors convert into buyers. Every second of load time costs roughly 7% in conversion rate. For Indian D2C brands whose customers are largely on mobile with variable 4G connections, speed optimisation is not a technical nicety โ it is a direct revenue driver. This guide gives you every practical step to make your Shopify store faster, from image compression to app audits to theme code.
Most Shopify founders think about speed as an SEO or developer issue. It's actually a conversion issue that compounds.
Here's why it matters for Indian ecommerce specifically:
Before optimising, measure. Use Google PageSpeed Insights (pagespeed.web.dev) and test your homepage, your top product page, and your collection page.
The three metrics that matter most:
| Metric | What It Measures | Target |
|---|---|---|
| LCP (Largest Contentful Paint) | How long until the main content is visible | Under 2.5 seconds |
| FID (First Input Delay) | How long until the page responds to a tap | Under 100ms |
| CLS (Cumulative Layout Shift) | How much content jumps around during load | Under 0.1 |
LCP is the most conversion-relevant. A poor LCP score means visitors are staring at a loading screen before they see your product โ and many will leave.
Images account for 50โ70% of Shopify page weight on most stores. This is the highest-leverage optimisation.
Convert to WebP format. WebP images are 25โ35% smaller than JPEG at equivalent quality. Shopify's native CDN serves WebP automatically to supported browsers โ but only if you upload WebP files. Alternatively, apps like TinyIMG or Crush.pics convert and compress automatically.
Compress before uploading. Target under 150KB for hero images and under 80KB for product thumbnail images. Use Squoosh (squoosh.app) for free compression with quality control.
Set explicit image dimensions. Always specify width and height attributes on images in your theme code. This prevents layout shift (CLS) and allows the browser to reserve space before the image loads.
Lazy-load below-the-fold images. Images that appear below the initial viewport should load only when the visitor scrolls toward them. In Shopify 2.0 themes, lazy loading is typically built in. For older themes, add loading="lazy" to image tags.
This is the most underestimated speed problem in Shopify.
Every installed app (whether active or not) often loads JavaScript on every page. A store with 25 apps may be loading 25 separate JavaScript files โ even if 15 of those apps are only used on specific pages.
How to audit:
The audit framework: For each installed app, ask:
Apps that fail all three criteria should be uninstalled. A conservative audit of a typical 30-app Shopify store eliminates 8โ12 apps and saves 1โ3 seconds of load time.
Load app scripts conditionally. For apps that are only needed on specific pages (e.g., a review widget only needed on product pages), configure them to load only on those pages. Your developer or the app support team can help.
Not all Shopify themes are built equally for performance. Themes from the Shopify Theme Store include performance scores โ but these are measured on clean installs before you add your content and apps.
Fast themes to consider:
Avoid: Heavily customised themes from unknown developers, themes with built-in sliders and animations that load large libraries by default, or themes last updated before 2022.
If you're on an older, heavily customised theme, upgrading to a Shopify 2.0 compatible theme is the single highest-impact speed improvement many stores can make.
JavaScript execution time is the most technically complex speed problem โ but also one of the most impactful.
Defer non-critical JavaScript. Add defer or async attributes to third-party script tags so they don't block the main page from rendering.
Remove unused JavaScript. Shopify themes often include JavaScript for features you don't use (e.g., slideshow code on a store that doesn't use slideshows). A developer can identify and remove these.
Use Shopify's CDN. All assets (images, JavaScript, CSS) served through Shopify's CDN are cached at edge locations close to your visitors. Make sure your theme is loading assets from the CDN, not from external hosts.
For stores with developer access, Liquid template optimisation can shave meaningful time off page rendering.
Limit collection page products per page. Loading 48 products on a collection page means 48 product images loading simultaneously. Test 24 or fewer per page โ this reduces initial load weight significantly.
Reduce DOM complexity. Themes with deeply nested HTML elements and many conditional blocks are slower to parse. A developer can simplify templates for your highest-traffic pages.
Use Shopify's built-in lazy loading and image_url filter. Shopify's 2.0 Liquid includes native image optimisation features โ image_url filter with size parameters, built-in lazy loading attributes. Ensure your theme uses these.
Shopify's online store cache: Make sure your theme is taking advantage of Shopify's edge caching. Check with your theme developer that caching headers are set correctly.
Shopify's image CDN: When you upload images to Shopify, they're served through Shopify's global CDN. Use Shopify's native image serving rather than third-party image hosts.
Shopify's native font loading: If you're using Google Fonts or a custom font, switch to a system font stack or preload your font files. Font loading is a common hidden delay.
After each optimisation step, re-measure with PageSpeed Insights. Track:
Build a baseline measurement before you start and document improvements at each step. This creates a paper trail that justifies continued investment and helps you identify which changes had the most impact.
Once your speed is improved, run an A/B test comparing the fast version against the old version for a sample of traffic. You'll typically see a measurable CVR improvement that validates the investment.
Related reading: How to Increase Shopify Conversion Rate in 2026 | Shopify Mobile Optimization Guide | Reduce Shopify Cart Abandonment: 12 Tactics