Abbeal
← Cases

E-commerce sport · Paris

Leader sport : PWA, +18 % conversion mobile, Lighthouse 92.

Lighthouse mobile à 38, conversion en chute. Next.js App Router, edge, image, splitting. Livré en 6 mois.

KPI

+18%

conversion mobile

Durée

6 mois

Équipe

5 ingés

Hub(s)

Paris

Next.js 16VercelCloudflareGA4

Quand votre Lighthouse mobile est a 38 et que 72% de votre trafic est mobile, vous ne perdez pas des points : vous perdez des paniers.

Le contexte

Leader e-commerce europeen specialise sport et outdoor, 240 M EUR de chiffre annuel, 6 millions de visiteurs mensuels. Front existant en SPA React monolithique, hydratation lourde, scripts tiers non gouvernes. Equipe produit de 18 personnes, hub Paris.

Le probleme

  • Lighthouse mobile : 38 (Performance), LCP a 4,8s sur 4G
  • Bounce rate mobile : 61%, en hausse de 9 points sur 6 mois
  • Conversion mobile en chute libre (-14% YoY)
  • 27 scripts tiers chargeurs synchrones, dont 9 inutilises
  • Pages produit a 3,2 Mo de JS

L'approche

Refonte progressive, pas rewrite from scratch. Migration vers Next.js App Router avec Server Components par defaut, hydratation reservee aux ilots interactifs. Audit puis tri brutal des scripts tiers.

Les leviers

  • Server Components partout sauf cart, search, filters
  • Image pipeline AVIF/WebP via next/image, sizes correctement renseignes
  • Code splitting par route, prefetch intelligent au survol
  • Service Worker pour fiches produit consultees recemment
  • Tag manager remplace par chargement asynchrone gere cote serveur

La stack

  • Next.js 16 App Router, React 19
  • Vercel Edge Network, ISR avec on-demand revalidation
  • Cloudflare Images pour la transformation visuelle
  • GA4, Web Vitals reporting via Vercel Speed Insights

Les resultats

  1. Lighthouse mobile : 38 vers 92
  2. LCP : 4,8s vers 1,4s sur 4G
  3. Conversion mobile : +18% en 90 jours post-mise en prod
  4. Bounce rate : -40%
  5. Panier moyen : +12% (correlation page speed/AOV confirmee A/B)
« On avait l'habitude des refontes qui durent 18 mois et changent rien. Six mois, des chiffres qui parlent, et une equipe interne capable de continuer sans Abbeal. »
— Product Lead . E-commerce sport

Ce qu'on a appris

Server Components sont puissants mais cassent les habitudes des devs habitues a useState partout. Compter trois semaines de formation interne minimum. Le Service Worker offline a apporte +3% de conversion sur connexions instables, on aurait du le prioriser plus tot. A refaire : commencer par le tri des scripts tiers, ca debloque tout le reste.

// À lire ensuite

Un cas similaire chez vous ?

Parler à un architecte