Shopify Speed Optimization Case Study: 38 to 92
Shopify speed case study: how we raised mobile performance from 38 to 92, cut LCP, and lifted conversion for a D2C brand—methods, timeline, and lessons.
A fashion D2C brand came to us with gorgeous creative and a 38 mobile Performance score—cart abandonment spiked on 4G, and Google Ads Quality Score suffered. In six weeks we raised lab scores to 92 and cut Largest Contentful Paint from 4.8s to 2.1s on the homepage. This is how we did it, and what you can replicate before a full website development rebuild.
Starting point and business impact
The store ran a popular multipurpose theme, twelve marketing apps, and full-width hero videos on every landing page. Organic and paid traffic were growing, but mobile conversion lagged desktop by 41%. Search Console showed CWV failures on PDP templates.
| Metric (mobile) | Before | After |
|---|---|---|
| Performance score | 38 | 92 |
| LCP | 4.8s | 2.1s |
| INP | 320ms | 165ms |
| CLS | 0.18 | 0.04 |
| Mobile CVR (30-day) | 1.6% | 2.3% |
Audit: what actually caused the slowdown
Lighthouse pointed at images, but the root cause was architectural: render-blocking app scripts, oversized hero MP4s, and collection grids loading full-resolution assets. We mapped third-party weight with WebPageTest and Shopify’s theme inspector.
- 4.2MB hero video autoplay on homepage and top collections
- Review and popup apps injecting synchronous scripts in <head>
- No responsive srcset on product cards—1200px images for 390px viewports
- Excessive web fonts (6 weights) blocking text paint
- Unused sections still loading CSS from disabled homepage blocks
Phase 1 — quick wins (week 1–2)
We shipped reversible changes first to prove ROI before deeper Liquid refactors. Apps were ranked by script cost vs revenue contribution.
- Replaced hero video with optimized WebP poster + click-to-play
- Deferred non-critical apps to interaction or bottom of body
- Enabled native lazy loading on collection and blog images
- Subset fonts to two weights; preloaded only critical WOFF2
- Removed two redundant analytics tags after GTM consolidation
Phase 2 — theme and template work (week 3–4)
Developers refactored product card snippets to use Shopify image_url filters at appropriate widths. Collection templates received critical CSS for above-the-fold grids.
- Implemented srcset/sizes on PDP gallery and PLP cards
- Inlined critical CSS for header and first product row
- Split mega-menu JavaScript to load after first paint
- Audited app embeds—replaced one review widget with a lighter alternative
- Set fetchpriority=high only on true LCP image per template
Phase 3 — measurement and ads alignment (week 5–6)
Speed without tracking is blind. We validated GA4 and ad pixels still fired after deferrals, then monitored Google Ads landing page experience and organic CWV field data.
- Server-side tagging for Meta CAPI to offset slimmer front-end
- Preconnect to CDN and payment domains only—trimmed dead preconnects
- Weekly RUM sampling via Search Console CWV report
- Documented performance budget for future app installs
Results beyond the score
Scores are proxies; revenue is the outcome. Mobile conversion rate rose 44% relative (1.6% to 2.3%) over 30 days with stable AOV. Support tickets mentioning “site slow” dropped. The client reinvested savings into SEO content rather than more band-aid apps.
Playbook you can run in-house
You may not need an agency for phase 1: audit scripts, fix heroes, and resize images. Hire specialists when Liquid refactors, app tradeoffs, and ad tracking intersect—mistakes there break attribution while chasing green Lighthouse bars.
- Export a script waterfall before uninstalling anything
- Set a 200KB budget for above-the-fold images on mobile PDP
- Policy: no new app without performance review signed by dev
- Re-test after every BFCM campaign block or theme update
Frequently asked questions
Is a 90+ Performance score required for good SEO?
No single lab score guarantees rankings, but passing Core Web Vitals helps especially on competitive SERPs and improves ad Quality Score on landing pages.
Will removing apps hurt marketing?
Only if you remove without replacing function. We consolidate tracking and swap heavy widgets for lighter equivalents that preserve reviews and popups.
How long do Shopify speed projects take?
Quick wins: 1–2 weeks. Full theme optimization with QA: 4–8 weeks depending on catalog size and custom sections.
Does Shopify Plus load faster than Basic?
Plus offers checkout customization and infrastructure options, but theme and app bloat affect all plans equally—fix front-end weight first.
Can I optimize speed without changing my theme?
Often yes for 30–50% gains via images, apps, and scripts. Breaking past that usually needs Liquid/CSS changes.
Ready to grow faster?
Virexo Media helps D2C and Shopify brands in UAE, Pakistan, UK, and India with development, SEO, and Meta Ads. Book a free strategy call — we'll send a prioritized audit within 48 hours.
Explore our Shopify development, SEO services, and performance marketing pages.
Want a free audit of your store?
Book a 15-minute call with Virexo Media. We'll review your Shopify site, ads, or SEO — and send a prioritized action list within 48 hours. No pitch deck. Just clarity.