Аудиты производительности
Эти тесты позволяют убедиться, что ваша страница оптимизирована для просмотра контента и взаимодействия с ним.
- Оценка результатов аудита производительности #
- Оценка производительности в Lighthouse Узнайте, как Lighthouse оценивает общую производительность вашей страницы.
- Оценка производительности в Lighthouse
- Показатели #
- Первая отрисовка контента (FCP) Подробнее о метрике FCP (Первая отрисовка контента) и о способах ее измерения и оптимизации
- Индекс скорости Узнайте о метрике индекса скорости Lighthouse и о том, как ее оптимизировать.
- Общее время блокировки Узнайте о метрике Lighthouse Total Blocking Time (общее время блокировки), а также о том, как ее измерять и оптимизировать.
- Скорость загрузки основного контента (LCP) Подробнее о метрике LCP (Скорость загрузки основного контента) и о способах ее измерения и оптимизации
- Cumulative Layout Shift Learn about the Cumulative Layout Shift (CLS) metric and how to optimize for it.
- Первая отрисовка контента (FCP)
- Возможности #
- Устраните ресурсы, блокирующие рендеринг Узнайте о проверке ресурсов, блокирующих рендеринг.
- Выбирайте размер изображений правильно Узнайте о проверке правильности масштабирования изображений.
- Откладывание закадровых изображений Узнайте об аудите закадровых изображений.
- Minify CSS Learn about the unminified-css audit.
- Minify JavaScript Learn about the unminified-javascript audit.
- Удалите неиспользуемый CSS-код Узнайте о проверке неиспользуемых CSS-правил.
- Аудит Efficiently encode images Узнайте об аудите uses-optimized-images.
- Используйте современные форматы изображений Узнайте о проверке использования современных форматов изображений.
- **Enable text compression Узнайте, как увеличить скорость загрузки веб-страницы, включив функцию сжатия текста.
- Используйте предварительное подключение к необходимым доменам Узнайте о проверке uses-rel-preconnect.
- Сократите время ответа сервера (TTFB) Узнайте о проверке времени до первого байта.
- Как избежать множественной переадресации страницы Почему переадресация страниц снижает скорость загрузки веб-страницы и как этого избежать.
- Предварительная загрузка ключевых запросов Узнайте о проверке предварительной загрузки ключевых запросов.
- Use video formats for animated content Learn about the efficient-animated-content audit.
- Reduce the impact of third-party code Learn how third-party code, like advertising networks and analytics services, affects page load performance, and how you can optimize third-party code.
- Избегайте анимации за пределами этапа компоновки Как пройти проверку «Avoid non-composited animations» в Lighthouse.
- Отложенная загрузка сторонних ресурсов с помощью фасадов Узнайте о возможностях отложенной загрузки сторонних ресурсов с помощью фасадов.
- Устраните ресурсы, блокирующие рендеринг
- Диагностика #
- Избегайте чрезмерной нагрузки на сеть Узнайте, как уменьшить время загрузки веб-страницы за счет уменьшения общего размера файлов ресурсов, которые вы предоставляете пользователям.
- Обслуживайте статические ресурсы сайта с помощью эффективной политики кеширования Узнайте, как кеширование статических ресурсов вашей веб-страницы может повысить производительность и надежность для повторных посетителей.
- Избегайте чрезмерного размера DOM Узнайте, как большой размер DOM может снизить производительность вашей веб-страницы и как можно уменьшить размер вашей модели DOM во время загрузки.
- Избегайте цепочек критических запросов Узнайте, что такое цепочки критических запросов, как они влияют на производительность веб-страницы и как можно уменьшить этот эффект.
- User Timing marks and measures Learn how the User Timing API can help you get real-world performance data for your web page.
- Сократите время выполнения JavaScript Узнайте, как выполнение JavaScript может снизить производительность вашей страницы и как можно его ускорить.
- Минимизация работы основного потока Узнайте об основном потоке браузера и о том, как оптимизировать веб-страницу, чтобы уменьшить нагрузку на основной поток и повысить производительность.
- Убедитесь, что текст остается видимым во время загрузки веб-шрифта Узнайте, как использовать API font-display, чтобы убедиться, что текст вашей веб-страницы всегда виден пользователям.
- Keep request counts low and transfer sizes small Learn how high resource counts and large transfer sizes affect load performance. Get strategies for reducing request counts and transfer sizes.
- Ensure the page can be restored from the back/forward cache How to use Lighthouse to test if a page can be restored from the back/forward cache.
- Избегайте чрезмерной нагрузки на сеть
- Retired metrics #
- Время до интерактивности (TTI) Узнайте о метрике Lighthouse Time to Interactive (время до интерактивности), а также о том, как ее измерять и оптимизировать.
- First Meaningful Paint Learn about Lighthouse's deprecated First Meaningful Paint metric and how to measure and optimize it.
- First CPU Idle Learn about Lighthouse's deprecated First CPU Idle metric and how to optimize it.
- Max Potential First Input Delay Learn about Lighthouse's deprecated Max Potential First Input Delay metric and how to measure and optimize it.
- Время до интерактивности (TTI)