Сократите время выполнения JavaScript

Когда выполнение JavaScript-кода занимает много времени, производительность страницы падает по нескольким причинам:

• Нагрузка на сеть

  Чем больше байт пересылается, тем дольше время скачивания.

• Затраты на обработку и компиляцию кода

  Обработка и компиляция JavaScript происходит в основном потоке. Когда основной поток занят, страница не может отвечать на ввод пользователя.

• Затраты на выполнение

  JavaScript-код выполняется в основном потоке. Кроме того, преждевременное выполнение на странице большого количества кода приводит к увеличению времени до интерактивности (TTI), которое является одним из ключевых показателей, влияющих на субъективную скорость работы страницы.

• Расход памяти

  Если ваш JavaScript-код хранит большое количество указателей, расход памяти может быть существенным, что, в свою очередь, может быть причиной медленной и неотзывчивой работы страницы. Утечки памяти могут вызвать полное зависание страницы.

Почему проверка времени выполнения JavaScript в Lighthouse завершается неудачей #

Lighthouse показывает предупреждение, если выполнение JavaScript занимает более 2 секунд. Если выполнение занимает более 3,5 секунд, проверка завершается неудачей:

Чтобы помочь вам выявить главные причины медленного выполнения кода, Lighthouse сообщает о времени, затрачиваемом на выполнение, оценку и обработку каждого файла JavaScript, загружаемого страницей.

Как ускорить выполнение JavaScript #

• Only send the code that your users need by implementing code splitting.
• Minify and compress your code.
• Remove unused code.
• Reduce network trips by caching your code with the PRPL pattern.

For other ways to improve page load, check out the Performance audits landing page.

Ресурсы #

Исходный проверки Reduce JavaScript execution time («Сократите время выполнения JavaScript»)