Как проверить производительность сайта с помощью инструмента Google Lighthouse

Как проверить производительность сайта с помощью инструмента Google Lighthouse

Платформа Lighthouse уже интегрирована в другие инструменты анализа производительности Google, такие как анализ PageSpeed ​​Insights и аудиты на основе браузера с помощью инструментов разработчика Chrome.

Что такое Google Lighthouse?

Lighthouse позволяет проводить аудит производительности сайтов. Lighthouse 1.0 изначально разрабатывался как инструмент аудита прогрессивных веб-приложений (PWA). Версия 2.0 также включает анализ производительности и SEO для обычных сайтов. Третья версия, Lighthouse Version 3.0, была выпущена в начале 2018 года и представила новый макет и прямую интеграцию с инструментами разработчика для Google Chrome. Lighthouse остается платформой аналитики с открытым исходным кодом, которая работает на уровне URL.

Рекомендации по производительности от Lighthouse следующие:

  • Уменьшите ресурсы, блокирующие отображение
  • Сервис изображений в форматах следующего поколения
  • Включить сжатие текста
  • Отложить неиспользуемый CSS
  • Убедитесь, что текст остается видимым во время загрузки веб-шрифта.
  • Используйте эффективную политику кэширования для основных средств
  • Оптимизация критического пути рендеринга (CRP)
  • Избегайте больших изображений
  • Отложенная загрузка закадровых изображений
  • CSS уменьшить/сжать
  • Сократить/сжать JavaScript
  • Оптимизация изображения
  • Включить предварительное подключение к серверу
  • Сокращение времени отклика сервера (время до первого байта, TTFB)
  • Избегайте перенаправлений
  • Предварительная загрузка ключевых запросов
  • Используйте форматы видео для анимированного контента
  • Уменьшить общий вес байта
  • Избегайте увеличения размера DOM
  • Измеряйте производительность с помощью пользовательских меток и метрик
  • Уменьшить время загрузки javascript
  • Уменьшить накладные расходы основного потока

Как мне добраться до Google Lighthouse?

  • Статистика PageSpeed: Раньше PageSpeed ​​Insights от Google возвращал только одну оценку, но теперь этот инструмент опирается на аналитические функции Lighthouse. Любой URL можно протестировать для анализа шести значений производительности и результатов нескольких дополнительных проверок и рекомендаций. Общая оценка скорости также суммируется из шести показателей производительности. Вы можете получить доступ к PageSpeed ​​​​Insights здесь.
  • Инструменты разработчика Chrome: С апреля 2018 года Google Lighthouse также доступен через Инструменты разработчика в браузере Google Chrome. Здесь пользователи могут выбрать, в какой из пяти основных категорий они хотели бы проводить аудит. Существуют также варианты аппаратного обеспечения, при этом пользователи могут выбирать мобильный или настольный компьютер, а также диапазон смоделированных скоростей интернета, которые можно использовать для анализа. Вот как найти аудиты Lighthouse в Chrome DevTools.
  • Плагин Chrome: Полные аудиты Lighthouse также можно выполнять с помощью плагина Chrome. Вы можете найти плагин Lighthouse Chrome Здесь (если вы используете браузер Chrome).
  • Аудит производительности Lighthouse также можно запустить через портал web.dev от Google. Здесь вы можете найти самые важные аудиты со всеми результатами и рекомендациями.

Как проверить весь сайт?

Lighthouse — мощный инструмент для анализа производительности веб-сайтов и PWA. Однако у этого инструмента есть один существенный недостаток — он может работать только на уровне URL.

Благодаря аудиту Lighthouse компания Searchmetrics разработала метод анализа целых доменов и связанных с ними онлайн-рынков, чтобы определить уровень улучшения для отрасли и производительность домена по сравнению с его конкурентами.

Оцените статью
Обзоры, сравнения и рейтинги
Добавить комментарий