Сократите время выполнения 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»)