Digital Commerce — Migration e-commerce haute performance

Le contexte

Un client e-commerce nantais avec une activité physique solide constatait une anomalie : des milliers de visiteurs sur son site chaque mois, mais un taux de conversion en ligne de seulement 0,4 %. La moyenne du secteur est entre 2 et 3 %.

Son site tournait sur WordPress + WooCommerce avec 43 plugins actifs. Les premières secondes du chargement mobilisaient le navigateur à 100 % — laissant le visiteur face à un écran blanc.

Le défi

Migrer un site e-commerce sans interrompre les ventes, sans perdre le référencement acquis, et sans casser les intégrations existantes (paiement, stock, emails transactionnels).

Contraintes supplémentaires :

• Conserver toutes les URLs produit existantes (redirection 301 sur les rares modifications)
• Maintenir la synchronisation stock en temps réel
• Livrer en six semaines maximum

Notre approche

Nous avons opté pour une architecture headless : Shopify gère le catalogue et les stocks en backend ; Next.js gère le rendu côté front.

Génération statique + ISR. Les pages produit sont pré-générées à la build et régénérées automatiquement à chaque mise à jour de stock. Le visiteur reçoit une page HTML complète en quelques dizaines de millisecondes.

Optimisation image systématique. Les visuels produit — jusqu'ici des JPEG de 3–4 Mo non redimensionnés — sont désormais servis en WebP à la bonne résolution via next/image. Gain de 70 % sur le poids total des pages.

Suppression des ressources bloquantes. Polices, pixel Facebook, chat en ligne — tous chargés de façon synchrone sur l'ancien site. Désormais différés après le premier rendu visible.

Le résultat

Six semaines de migration. Zéro interruption de service.

Le LCP est passé de 6,2 secondes à 0,9 seconde. Le score Lighthouse mobile a bondi de 31 à 94. Le taux de conversion a doublé en six semaines — au fur et à mesure que Google mettait à jour son classement et que l'expérience utilisateur s'améliorait. Le chiffre d'affaires en ligne a progressé de 127 % sur les trois mois suivant la mise en ligne.

Un site rapide n'est pas juste "agréable" — c'est une variable business directe.