Contexte
L'Équipe est le premier média sportif en France. Le site web accueille des millions de visites par mois, avec des chiffres atteignant les centaines de millions durant les grands évènements comme la Coupe du monde et les Jeux Olympiques.
La problématique
La technologie, Nuxt 2, devenait obsolète et les gains de performance devenaient minimes. Nous voulions changer de stratégie pour briser ce plafond et améliorer le rang de L'Équipe dans les classements de performance des sites médias.
L'approche
Le choix originel était simplement de passer de Nuxt 2 à Nuxt 3. On a très vite réalisé que, bien qu'on aurait une technologie à jour, avec une meilleure sécurité et une meilleure expérience développeur, rien n'était garanti côté performance.
Nous avons décidé de repartir des bases et de n'avoir que Node.js et Express, avec Vue.js pour ses composants et TypeScript pour le typage.
La philosophie Astro était tentante mais, vu la codebase existante en Nuxt, migrer vers Vue 3 était plus logique et plus simple. Nous avons donc repris le concept d'architecture en îlots d'Astro, mais reconstruit pour Vue 3.
Ce que j'ai fait
Mes zones d'intervention :
- Les pages de listing des directs et de détail des directs, où les matchs et les courses sont diffusés et commentés
- Les pages des résultats et des classements
- La refonte des pages de profil des sportifs
- Les Core Web Vitals sur ces pages : diagnostic et correction des régressions LCP, CLS et INP
- Conception et développement de nouvelles fonctionnalités avec les Product Owners et les designers, avec un rendu pixel-perfect sur les appareils mobiles et desktop
- L'intégration d'expériences web dans les applications natives iOS et Android, via un mécanisme PWA personnalisé
- La couverture end-to-end des parcours critiques de la plateforme avec Cypress
Les résultats
La migration est le travail de huit ingénieurs. Nous avons pu constater les résultats ci-dessous :
- Près de 50% des URLs classées "à améliorer" sont passées au vert sur mobile, et près de 90% sur desktop, mesurées dans la Google Search Console
- Les Core Web Vitals se sont améliorés sur l'ensemble du site
- L'Équipe est arrivée 6e du classement Fasterize des sites les plus visités en France, catégorie médias, à la date de publication de ce classement
- Près de 95% des régressions ont été corrigées dans les deux semaines suivant la migration
Sources
Tous les chiffres de cette page proviennent de publications de L'Équipe.