Skip to content
Обучение Измерение Блог Case studies О сайте
Содержание
  • Почему проверка времени выполнения JavaScript в Lighthouse завершается неудачей
  • Как ускорить выполнение JavaScript
  • Ресурсы

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

May 2, 2019 — Обновлено Oct 4, 2019
Available in: Español, 日本語, 한국어, Português, 中文, English
Appears in: Аудиты производительности
Содержание
  • Почему проверка времени выполнения JavaScript в Lighthouse завершается неудачей
  • Как ускорить выполнение JavaScript
  • Ресурсы

Когда выполнение 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 #

  • 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»)

Память
Последнее обновление: Oct 4, 2019 — Улучшить статью
Return to all articles
Поделиться
подписаться

Contribute

  • Сообщить об ошибке
  • Просмотреть исходный код

Дополнительная информация

  • developer.chrome.com
  • Новости Chrome
  • Web Fundamentals
  • Разборы конкретных случаев
  • Подкасты
  • Шоу

Соцсети

  • Twitter
  • YouTube
  • Google Developers
  • Chrome
  • Firebase
  • Google Cloud Platform
  • Все продукты
  • Условия и конфиденциальность
  • Правила сообщества

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies.