Правило решения и границы
Оптимизация JavaScript уменьшает лишнюю работу скриптов, чтобы страница быстро и надёжно выводила основной контент и нужные взаимодействия. JavaScript конкурирует за основной поток устройства. Оптимизация означает сокращение, отложенную загрузку или разбиение работы, которая не нужна для первой полезной версии страницы, при этом важные взаимодействия и доступный контент должны оставаться работающими.
Как проверить
Проверьте каскад запросов (waterfall), HTML после рендеринга, длинные задачи и вклад сторонних скриптов на одном основном маршруте. Повторите проверку с ограниченным мобильным профилем и отличайте большой загружаемый файл от скрипта, который действительно блокирует взаимодействие.
Практический порядок работы
Уберите неиспользуемую зависимость до того, как добавлять загрузчик. Затем отложите некритичные функции, разбейте по маршрутам функции, нужные только на отдельных страницах, и проверьте реальное взаимодействие, ради которого менялся код: с включённым JavaScript и, где это имеет смысл, с отключённым.
Типичные ошибки и границы замеров
Уменьшение размера бандла само по себе не даёт результата для пользователя. Работа может переехать в гидратацию, сетевую задержку или на другой маршрут, поэтому после каждого изменения проверяйте рендеринг, взаимодействие, ошибки и доступность. Типичная ошибка — минифицировать бандл и считать, что это решило проблемы с рендерингом, ответом сервера или изображениями.