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

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

  • Стоимость сети

    Больше байтов — больше время загрузки.

  • Разобрать и составить стоимость

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

  • Стоимость исполнения

    JavaScript также выполняется в основном потоке. Если на вашей странице выполняется много кода до того, как он действительно понадобится, это также задерживает показатель Time To Interactive , который является одним из ключевых показателей, связанных с тем, как пользователи воспринимают скорость вашей страницы.

  • Стоимость памяти

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

Как происходит сбой аудита времени выполнения Lighthouse JavaScript

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

Скриншот аудита Lighthouse сокращения времени выполнения JavaScript

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

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

Чтобы узнать о других способах улучшения загрузки страницы, посетите целевую страницу «Аудит производительности» .

Ресурсы

Исходный код для аудита сокращения времени выполнения JavaScript