Анализ производительности предоставляет полезную информацию об эффективности вашего сайта и доступен как на панели производительности DevTools, так и в Lighthouse.
Панель производительности DevTools Аудиты эффективности Lighthouse
Выявляет сложные селекторы CSS, сопоставление которых с элементами на странице занимает много времени у браузера.
Определяет причины, по которым запрос HTML-документа занимает больше времени, чем ожидалось.
Выявляет идентичные модули JavaScript или код, загружаемые несколько раз на одной странице.
Оценивает свойство CSS `font-display`, чтобы гарантировать, что текст останется видимым при загрузке пользовательских шрифтов.
Определяет, когда JavaScript заставляет браузер пересчитывать макет страницы, что может привести к проблемам с производительностью.
Предлагает способы оптимизации загрузки изображений, например, используя современные форматы, такие как AVIF или WebP, и обеспечивая правильный размер.
Демонстрирует подразделы INP, помогающие выявить возможности оптимизации для улучшения INP.
Указывает на конкретные элементы DOM, ответственные за неожиданное движение на странице, что способствует кумулятивному смещению макета.
Демонстрирует подразделы LCP, помогающие выявить возможности оптимизации для улучшения LCP.
Выявляет причины, по которым запрос образа LCP занимает больше времени, чем ожидалось.
Отмечает устаревший код JavaScript, который может быть медленнее и ненужнее для большинства современных браузеров.
Проверяет наличие новых сетевых протоколов, таких как HTTP/2 или HTTP/3, для улучшения мультиплексирования запросов и ответов, а также скорости.
Выявляет ключевые цепочки зависимостей, которые блокируют первоначальную отрисовку страницы.
Определяется, когда на странице присутствует большое количество HTML-элементов, которые могут повлиять на производительность рендеринга.
Проверяет правильность настройки области просмотра страницы, чтобы не вызывать задержку нажатия в 300 миллисекунд на мобильных устройствах.
Выявляет ресурсы, которые блокируют первоначальную отрисовку страницы, задерживая LCP.
Перечисляет сторонние ресурсы, загруженные на страницу.
Выявляет неоптимальные политики кэширования, приводящие к потенциально ненужным загрузкам при повторных посещениях страницы.