Артем Белов. Когда лагает интерфейс

Словосочетание «Web Performance» в сознании инженеров часто ассоциируется с первоначальной стадией жизненного цикла страницы до события «load». Этому способствует и то, что только одна из пяти метрик Web Vitals отвечает за метрику производительности страницы после её загрузки. Получается, что большинство бенчмарков имеют огромные слепые зоны и находят далеко не все тормозящие участки интерфейса и кода в SPA-приложениях. В результате искать проблемы в производительности приходится по невыверенным алгоритмам и с не самым богатым инструментарием. В докладе рассмотрим, чем здесь нам может помочь Chrome DevTools, и научимся определять ресурсозатратные участки кода в JS, HTML и CSS. Презентация: Codefest: