Core Web Vitals e desempenho web na Traveloka

O problema

Eram experiências web de alto tráfego e decisivas para a conversão, então o desempenho precisava ser medido pelo que os usuários realmente viviam, não pelo notebook de quem desenvolve.

A abordagem

• Medir primeiro os usuários reais. A medição de usuários reais decidiu o que corrigir, e os orçamentos de desempenho impediram que as regressões voltassem.
• Reduzir o JavaScript que o navegador precisa executar: divisão de código, carregamento sob demanda e otimização de dependências.
• Corrigir o resto do caminho: execução de JavaScript, renderização, rede, imagens e scripts de terceiros.

Falar sobre isso

As lições viraram palestras: “Performance: Core Web Vitals Top Recommendations + INP” no DevFest Jakarta 2023 e “Bridging the Gap: Making It Easier to Build for the Web” no Google I/O Extended Jakarta 2022.

Também há um artigo sobre o tema: o event loop não é o que você pensa explica as tarefas longas por trás de um INP ruim e como dividi-las.