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

Published on Updated on

Translated to: English, Español, Português, 한국어, 中文, 日本語

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

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

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

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

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

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

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

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

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

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

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

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

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

See the Lighthouse performance scoring post to learn how your page's overall performance score is calculated.

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

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

Ресурсы

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

Last updated: Improve article

We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.