Contexte
L'Équipe est le premier média sportif en France. Le site web acceuille 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 performances, à un point, devenait minimal. Nous voulions changer de stratégie pour avoir briser ce plafond et améliorer le rang de l’Equipe dans les classements de performance des sites médiatiques.
L'approche
Le choix originel était simplement de passer de Nuxt2 à Nuxt3. On a très vite réalisé que, bien qu’on aurait une technologie à jour avec de meilleures sécurités et une meilleure expérience développeur, côté performance, rien n’est garanti.
Nous avions décidé de repartir à la base et de n’avoir que Nodejs et Express avec Vuejs pour ses composans et Typescript pour le typage.
La philosophie Astro était tentant mais, vu la codebase actuelle en Nuxt, migrer vers Vue3 était plus logique et plus simple. Donc nous avions adopté le concept d’architecture ilôts d’Astro mais reconstruit avec Vue3.
Ce que j’ai fait
Mes zones d’interventions:
- Les pages de listing des directs et des détails des directs où les matches et les courses sont diffusé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 avions pu constatés 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é dans la Google Search Console
- Les Core Web Vitals se sont améliorés sur l'ensemble du site
- L'Équipe est arrivé 6ème 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é en deux semaines suivant la migration
Sources
Tous les chiffres de cette page proviennent de publications de L'Équipe.