The Problem
A client came to us. Store was slow. 12 seconds to first paint.
They were losing sales. Users bounced.
Here's how we fixed it.
Step 1: Measure
Before fixing, measure.
PageSpeed Insights. WebPageTest. Chrome DevTools.
Find the bottlenecks.
Step 2: Theme Audit
Remove Unused Apps
Apps inject JavaScript. Every app.
Audit: Which apps do you actually use?
Remove the rest.
Simplify Theme
Custom themes add code. More code = slower.
Consider: Can a premium theme work?
Step 3: Image Optimization
1. Compress Everything
TinyPNG. ShortPixel. ImageOptim.
Reduce file size without quality loss.
2. Use WebP
Modern format. Smaller files.
Shopify auto-converts if you upload correctly.
3. Lazy Load Below-Fold Images
Only load images when scrolled to.
Lazy loading improves initial load.
Step 4: App Audit
Find the Offenders
Use Chrome DevTools Coverage.
See which apps load the most code.
Consider Alternatives
Some apps are slow by design.
Live chat with heavy tracking? Use a lighter alternative.
Step 5: Technical Fixes
1. Minimize Redirects
Redirect chains slow things down.
Check with Screaming Frog.
2. Preload Critical Assets
Tell browser to load key files early.
3. Use CDN
Shopify CDN handles this. But verify.
The Results
Before: 12 seconds load time After: 2.8 seconds
Revenue increase: 23%
Speed matters.
The Checklist
- Run PageSpeed Insights
- Audit installed apps
- Remove unused apps
- Compress all images
- Enable lazy loading
- Check for redirect chains
- Preload critical assets
- Test on mobile
The Honest Answer
Slow stores lose sales.
12 seconds is unacceptable. 3 seconds is achievable.
Fix it. Measure again. Keep iterating.
