ВебПлатформа
Core Web Vitals и производительность веба в Traveloka
Работа над производительностью страниц с высоким трафиком, критичных для конверсии, на основе измерений у реальных пользователей и бюджетов производительности.
- Роль
- Software Engineer (Web)
- Период
- 2018–2025
- Стек
- Core Web Vitals · Next.js · Real-user monitoring · Code splitting
Проблема
Это были веб-интерфейсы с высоким трафиком, критичные для конверсии, поэтому производительность нужно было измерять по реальному опыту пользователей, а не по ноутбуку разработчика.
Подход
- Сначала измерять реальных пользователей. Что чинить, решали данные реальных пользователей, а бюджеты производительности не давали регрессиям вернуться.
- Меньше JavaScript, который выполняет браузер: разделение кода, отложенная загрузка и оптимизация зависимостей.
- Исправить остальной путь: выполнение JavaScript, отрисовку, сеть, изображения и сторонние скрипты.
Рассказать об этом
Из этих уроков выросли доклады: «Performance: Core Web Vitals Top Recommendations + INP» на DevFest Jakarta 2023 и «Bridging the Gap: Making It Easier to Build for the Web» на Google I/O Extended Jakarta 2022.
Есть и статья на эту тему: Event loop — не то, что вы думаете объясняет длинные задачи, из-за которых страдает INP, и как их дробить.