WebPiattaforma
Core Web Vitals e prestazioni web in Traveloka
Lavoro sulle prestazioni di pagine ad alto traffico e decisive per la conversione, guidato dalla misurazione degli utenti reali e da budget di prestazioni.
- Ruolo
- Software Engineer (Web)
- Periodo
- 2018–2025
- Stack
- Core Web Vitals · Next.js · Real-user monitoring · Code splitting
Il problema
Erano esperienze web ad alto traffico e decisive per la conversione, quindi le prestazioni andavano misurate su ciò che gli utenti vivevano davvero, non sul portatile di uno sviluppatore.
L’approccio
- Prima misurare gli utenti reali. La misurazione degli utenti reali ha deciso cosa correggere, e i budget di prestazioni hanno impedito alle regressioni di ripresentarsi.
- Ridurre il JavaScript che il browser deve eseguire: suddivisione del codice, caricamento differito e ottimizzazione delle dipendenze.
- Sistemare il resto del percorso: esecuzione di JavaScript, rendering, rete, immagini e script di terze parti.
Raccontarlo
Le lezioni apprese sono diventate talk: «Performance: Core Web Vitals Top Recommendations + INP» al DevFest Jakarta 2023 e «Bridging the Gap: Making It Easier to Build for the Web» al Google I/O Extended Jakarta 2022.
C’è anche un articolo sul tema: l’event loop non è quello che pensi spiega i task lunghi dietro un INP scarso e come spezzarli.