Сократите время выполнения JavaScript
Когда выполнение JavaScript-кода занимает много времени, производительность страницы падает по нескольким причинам:
Нагрузка на сеть
Чем больше байт пересылается, тем дольше время скачивания.
Затраты на обработку и компиляцию кода
Обработка и компиляция JavaScript происходит в основном потоке. Когда основной поток занят, страница не может отвечать на ввод пользователя.
Затраты на выполнение
JavaScript-код выполняется в основном потоке. Кроме того, преждевременное выполнение на странице большого количества кода приводит к увеличению времени до интерактивности (TTI), которое является одним из ключевых показателей, влияющих на субъективную скорость работы страницы.
Расход памяти
Если ваш JavaScript-код хранит большое количество указателей, расход памяти может быть существенным, что, в свою очередь, может быть причиной медленной и неотзывчивой работы страницы. Утечки памяти могут вызвать полное зависание страницы.
Почему проверка времени выполнения JavaScript в Lighthouse завершается неудачей
Lighthouse показывает предупреждение, если выполнение JavaScript занимает более 2 секунд. Если выполнение занимает более 3,5 секунд, проверка завершается неудачей:
Чтобы помочь вам выявить главные причины медленного выполнения кода, Lighthouse сообщает о времени, затрачиваемом на выполнение, оценку и обработку каждого файла JavaScript, загружаемого страницей.
See the Lighthouse performance scoring post to learn how your page's overall performance score is calculated.
Как ускорить выполнение 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»)