Core Web Vitals et performance web chez Traveloka
Un travail de performance sur des pages à fort trafic, essentielles à la conversion, guidé par la mesure des utilisateurs réels et des budgets de performance.
- Rôle
- Software Engineer (Web)
- Période
- 2018–2025
- Stack
- Core Web Vitals · Next.js · Real-user monitoring · Code splitting
Le problème
Il s’agissait d’expériences web à fort trafic et essentielles à la conversion : la performance devait donc se mesurer à ce que vivaient réellement les utilisateurs, pas à l’ordinateur portable d’un développeur.
L’approche
- Mesurer d’abord les vrais utilisateurs. La mesure des utilisateurs réels a décidé quoi corriger, et des budgets de performance ont empêché les régressions de revenir.
- Réduire le JavaScript que le navigateur doit exécuter : découpage du code, chargement différé et optimisation des dépendances.
- Corriger le reste du chemin : exécution JavaScript, rendu, réseau, images et scripts tiers.
En parler
Ces leçons sont devenues des conférences : « Performance: Core Web Vitals Top Recommendations + INP » au DevFest Jakarta 2023, et « Bridging the Gap: Making It Easier to Build for the Web » au Google I/O Extended Jakarta 2022.
Il existe aussi un article à ce sujet : la boucle d’événements n’est pas ce que vous croyez explique les tâches longues derrière un mauvais INP et comment les découper.