Когда выполнение вашего JavaScript занимает много времени, это снижает производительность вашей страницы по нескольким причинам:
Стоимость сети
Больше байтов — больше время загрузки.
Разобрать и составить стоимость
JavaScript анализируется и компилируется в основном потоке. Когда основной поток занят, страница не может отвечать на ввод пользователя.
Стоимость исполнения
JavaScript также выполняется в основном потоке. Если на вашей странице выполняется много кода до того, как он действительно понадобится, это также задерживает показатель Time To Interactive , который является одним из ключевых показателей, связанных с тем, как пользователи воспринимают скорость вашей страницы.
Стоимость памяти
Если ваш JavaScript содержит много ссылок, он потенциально может потреблять много памяти. Страницы кажутся дергаными или медленными, если они занимают много памяти. Утечки памяти могут привести к полному зависанию вашей страницы.
Как происходит сбой аудита времени выполнения Lighthouse JavaScript
Lighthouse показывает предупреждение, когда выполнение JavaScript занимает более 2 секунд. Аудит завершается неудачно, если выполнение занимает более 3,5 секунд:
Чтобы помочь вам определить основные факторы, влияющие на время выполнения, Lighthouse сообщает о времени, затраченном на выполнение, оценку и анализ каждого файла JavaScript, загружаемого вашей страницей.
Как ускорить выполнение JavaScript
- Отправляйте только тот код, который нужен вашим пользователям, реализуя разделение кода .
- Минимизируйте и сожмите свой код .
- Удалите неиспользуемый код .
- Сократите количество сетевых отключений, кэшируя свой код с помощью шаблона PRPL .
Чтобы узнать о других способах улучшения загрузки страницы, посетите целевую страницу «Аудит производительности» .
Ресурсы
Исходный код для аудита сокращения времени выполнения JavaScript