Self-Profiling API: как узнать, почему у пользователя всё тормозит

DevTools отвечают на вопрос «почему тормозит у меня?». Self-Profiling API — на вопрос «почему тормозит у пользователей?».

Когда пользователь жалуется, что интерфейс «тормозит», локальное профилирование редко помогает: на машине разработчика всё работает быстро, а проблема проявляется только на реальных устройствах в реальных сценариях использования. При этом Web Vitals позволяют увидеть, что у пользователя было медленно, но не объясняют почему.

Self-Profiling API впервые позволяет получить CPU-профиль JavaScript непосредственно из браузера пользователя и увидеть, какой код действительно расходует процессорное время в продакшене.

В докладе я покажу, как построить систему такого профилирования: когда включать сбор профилей, как ограничивать объем данных, связывать профили с Web Vitals и отправлять их на сервер. Затем разберем, как агрегировать и визуализировать собранные профили, находить повторяющиеся «горячие» участки кода и превращать результаты анализа в конкретные задачи по улучшению производительности и снижению INP.

После доклада вы будете понимать не только как использовать Self-Profiling API, но и как с его помощью отвечать на главный вопрос: почему приложение тормозит именно у пользователей, а не у разработчиков.