Every second your Shopify store takes to load costs you money. Google found that 53% of mobile users abandon sites that take longer than 3 seconds to load. For ecommerce, the impact is even more severe - a 1-second delay can reduce conversions by 7%.
But here's the problem: most Shopify speed guides give you generic advice that doesn't move the needle. This guide focuses on what actually works, based on optimizing dozens of stores.
Why Shopify Speed Matters More Than You Think
Page speed affects three critical areas of your business:
- Conversion rates: Faster sites convert better. Period. We've seen stores increase conversion rates by 15-20% just by improving load times from 4 seconds to 2 seconds.
- SEO rankings: Google's Core Web Vitals are now ranking factors. Slow sites get buried in search results.
- Ad costs: Your Facebook and Google Ads perform worse when landing pages are slow. You're literally paying more per conversion.
At Ovoko, 4 A/B tests generated over 1.6M euros in incremental GMV, and speed optimization was foundational to every winning test. You can't optimize what doesn't load.
Benchmark Your Current Speed
Before optimizing anything, you need baseline metrics. Use these tools:
- Google PageSpeed Insights: Your primary tool. Focus on mobile scores and Core Web Vitals (LCP, FID, CLS).
- GTmetrix: Shows waterfall charts so you can see what's slowing you down.
- Shopify's Online Store Speed Report: Found in your admin under Analytics. Compares you to other Shopify stores.
Your target: mobile PageSpeed score above 70, desktop above 90. LCP (Largest Contentful Paint) under 2.5 seconds.
The App Audit: Your Biggest Speed Win
Apps are the number one speed killer on Shopify stores. Every app adds JavaScript, CSS, and API calls. Most stores have 15-30 apps installed. Here's how to fix it:
Step 1: List every app and its purpose. Go to your Apps admin section and export the list.
Step 2: Delete ruthlessly. Ask these questions for each app:
- Have we used this in the last 30 days?
- Does it directly generate revenue or save time?
- Can we do this manually or with a cheaper alternative?
Common apps to remove: multiple review apps (pick one), popup tools you're not using, abandoned cart apps when Shopify has this built-in, social media feed widgets (they're conversion killers anyway).
Step 3: Consolidate. Replace 3-4 single-purpose apps with one multi-purpose app if possible. Fewer apps mean fewer HTTP requests.
Real example: One store we audited had 27 apps. We cut it to 12. PageSpeed score jumped from 38 to 61 overnight. No other changes.
Image Optimization That Actually Works
Images typically account for 50-70% of page weight. Here's the systematic approach:
Compress before uploading: Use TinyPNG or Squoosh.app to compress images before adding them to Shopify. Target 100-200KB for product images, under 500KB for hero images.
Use the right format: WebP is 25-35% smaller than JPEG with the same quality. Shopify automatically serves WebP to supported browsers, but you need to upload high-quality source images.
Implement lazy loading: Shopify themes from 2021+ have this built-in. If you're on an older theme, add loading='lazy' to image tags below the fold.
Optimize your product image sizes: Don't upload 4000x4000px images when your theme displays them at 800x800px. Resize to 2x your display size maximum (1600x1600px for retina displays).
Remove hidden images: Check your theme code for images that load but never display. Common culprits: old slideshow images, unused collection banners, redundant logos.
Theme Optimization Tactics
Your theme is your foundation. If it's bloated, everything else suffers.
Consider switching themes. If your theme is from before 2020, it's probably slow by modern standards. Shopify's free Dawn theme is fast and well-coded. Many premium themes are overbuilt with features you'll never use.
Remove unused theme features: Most themes let you disable features in the theme editor. Turn off anything you're not using: mega menus, product quick view, color swatches, size charts, Instagram feeds.
Minimize custom code: Every custom liquid section, CSS file, and JavaScript snippet adds load time. Audit your theme customizations and remove what's not essential.
Use system fonts: Custom fonts (Google Fonts, Adobe Fonts) require additional HTTP requests. System fonts load instantly because they're already on the user's device. If you must use custom fonts, limit to 2 weights maximum.
Technical Optimizations
These require some technical knowledge but have significant impact:
Enable Shopify's CDN optimization: This should be on by default, but verify in Settings > Files that you're using Shopify's CDN URLs (cdn.shopify.com).
Defer non-critical JavaScript: Add defer or async attributes to script tags that aren't needed for initial page render. This requires editing theme code.
Minimize third-party scripts: Every Facebook Pixel, Google Analytics tag, and tracking script slows your site. Use Google Tag Manager to load scripts asynchronously and conditionally.
Reduce redirects: Check for redirect chains (URL A redirects to B, which redirects to C). Each redirect adds 200-400ms. Use Screaming Frog or a redirect checker tool.
Optimize your homepage specifically: Your homepage gets the most traffic. Limit to 3-5 sections maximum. Remove auto-playing videos, complex animations, and Instagram feeds.
The Video Problem
Auto-playing hero videos look impressive but destroy page speed. If you must have video:
- Host on YouTube or Vimeo, not Shopify's servers
- Use poster images (thumbnail) that load first
- Lazy load the video player
- Compress video files to under 2MB
- Consider replacing with high-quality images on mobile
Better option: Use video only on product pages where it adds value, not on your homepage.
Testing and Monitoring
Speed optimization isn't one-and-done. Set up ongoing monitoring:
Weekly checks: Run PageSpeed Insights every Monday. Track your scores in a spreadsheet.
Monitor after changes: Every time you add an app, feature, or product, test speed immediately.
Use real user monitoring: Tools like SpeedCurve or Calibre show actual customer experience, not just lab tests.
A/B test speed improvements: When you make major changes, test the impact on conversions. Sometimes a slightly slower page with better content converts better. Data beats assumptions.
Common Mistakes to Avoid
Mistake 1: Obsessing over perfect scores. A PageSpeed score of 85 that converts at 3% beats a score of 95 that converts at 2%. Focus on actual business metrics.
Mistake 2: Using too many optimization apps. Speed optimization apps often add their own overhead. Many promise miracles but deliver minimal gains.
Mistake 3: Ignoring mobile. 70-80% of ecommerce traffic is mobile. Optimize for mobile first, desktop second.
Mistake 4: Removing essential features. Don't delete your reviews or product videos just to shave 0.3 seconds. Balance speed with conversion optimization.
Quick Wins You Can Implement Today
Start with these high-impact, low-effort optimizations:
- Delete 3 apps you're not actively using
- Compress your 10 best-selling product images
- Remove any auto-playing videos
- Disable unused theme features in your theme editor
- Check for and remove old, unused collection images
These five actions typically improve PageSpeed scores by 10-20 points and take less than an hour.
When to Get Expert Help
Some speed issues require developer expertise: complex theme code problems, server configuration issues, or advanced JavaScript optimization. If you've done the basics and your score is still below 50, consider hiring a Shopify speed expert.
Want to ensure your speed improvements actually increase revenue? Get a free CRO audit to identify which optimizations will have the biggest impact on your conversion rate. Or grab our A/B test hypothesis pack to test speed changes systematically.
Remember: speed optimization supports conversion optimization. A fast site that doesn't convert is just a fast way to lose customers. Focus on speed as part of your overall CRO strategy, not as an isolated metric.
Top comments (0)