The problem01 / 03
- 01LCP 4.5s (red), CLS 0.21 (red), INP 420ms (amber).
- 02Organic traffic down 22% YoY despite stable content.
- 03Mobile conversion 37% lower than desktop · beyond industry norms.
CASE STUDIES · ecommerce
Core Web Vitals rescue: LCP 4.5s → 0.9s, organic +34%
A DTC brand's Next.js + Shopify storefront was losing rank to competitors purely on speed. Three weeks, five targeted changes, traffic back on track.
Timeline3 weeks
← Back to case studies
Reviewed by
01 / LCP4.5s → 0.9s
02 / CLS0.21 → 0.01
03 / Organic traffic+34% in 3 months
04 / Mobile conversion gap−37% → −8%
The solution02 / 03
- 01Hero image priority-loaded, font-display swap tuned.
- 02Marketing pages converted to RSC · hydration payload 110 KB → 22 KB.
- 03Edge ISR on product pages, 300s revalidation.
- 04Aspect-ratio reserved on every image and embed; CLS back to 0.01.
- 05TTFB cut from 1.1s to 90ms via Cloudflare Pages.
The outcome03 / 03
- 01LCP: 4.5s → 0.9s
- 02CLS: 0.21 → 0.01
- 03Organic traffic: +34% in 3 months
- 04Mobile conversion gap: −37% → −8%
- 05Shopify Hydrogen audit handover + runbook