Платформа 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 разработала метод анализа целых доменов и связанных с ними онлайн-рынков, чтобы определить уровень улучшения для отрасли и производительность домена по сравнению с его конкурентами.