Google Lighthouse — open-source инструмент аудита веб-страниц, интегрированный в Chrome DevTools (вкладка Lighthouse). Анализирует указанный URL по пяти категориям: Performance (производительность), Accessibility (доступность), Best Practices (лучшие практики), SEO и Progressive Web App (PWA). Выдаёт оценку от 0 до 100 по каждой категории и список конкретных улучшений с объяснением влияния на пользовательский опыт.
Ключевые метрики Performance
- FCP (First Contentful Paint) — время до первого отображения контента. Цель: <1,8 с.
- LCP (Largest Contentful Paint) — время загрузки наибольшего видимого элемента. Core Web Vital. Цель: <2,5 с.
- TBT (Total Blocking Time) — суммарное время блокировки основного потока. Цель: <200 мс.
- CLS (Cumulative Layout Shift) — суммарный сдвиг разметки. Core Web Vital. Цель: <0,1.
- Speed Index — скорость визуального заполнения страницы.
Как использовать Lighthouse
Три способа запуска:
- Chrome DevTools — F12 → вкладка Lighthouse → Generate report
- CLI:
npm install -g lighthouse && lighthouse https://example.com --output html - PageSpeed Insights — веб-версия на pagespeed.web.dev с реальными данными из Chrome UX Report (CrUX)
Важно запускать Lighthouse в режиме инкогнито с отключёнными расширениями — они могут снижать оценку и искажать результаты.
История
Lighthouse создан командой Google Chrome в 2016 году. Изначально инструмент проверял только PWA-критерии. В версии 3.0 (2018) добавлены метрики производительности. В 2020 году Google объявил о включении Core Web Vitals (LCP, FID, CLS) в сигналы ранжирования поиска с мая 2021 года — что резко повысило интерес к Lighthouse. Актуальная версия Lighthouse 12.x (2024) использует Puppeteer для автоматизации браузера.
Lighthouse и хостинг
Оценка Lighthouse напрямую зависит от инфраструктуры хостинга:
- TTFB (Time to First Byte) — время ответа сервера. Должен быть <600 мс. Медленный VPS с перегруженным CPU или медленной СУБД — прямая причина низкого LCP.
- CDN — снижает TTFB для статики и уменьшает LCP
- Gzip/Brotli-сжатие на Nginx — снижает размер передаваемых данных, ускоряет FCP
- HTTP/2 — мультиплексирование запросов снижает задержку загрузки ресурсов
Что проверяет Lighthouse
Performance-аудит Lighthouse включает 6 ключевых метрик: LCP (Largest Contentful Paint) — время до отрисовки основного контента, цель < 2,5 сек. FID/INP (Interaction to Next Paint) — отклик на взаимодействие, цель < 200 мс. CLS (Cumulative Layout Shift) — визуальная стабильность, цель < 0,1. FCP (First Contentful Paint), TTFB (Time to First Byte), Total Blocking Time. Все эти метрики входят в Core Web Vitals — сигнал ранжирования Google с мая 2021 года.
Как запустить Lighthouse
- Chrome DevTools: F12 → вкладка Lighthouse → Analyze page load
- CLI:
npm install -g lighthouse, затемlighthouse https://site.ru --output=html --view - PageSpeed Insights (web.dev/measure) — онлайн-версия с данными из Chrome UX Report
- CI/CD интеграция: Lighthouse CI — запуск аудита при каждом деплое с блокировкой при падении баллов
Связь с хостингом
TTFB — метрика, прямо связанная с выбором хостинга и его конфигурацией. TTFB > 600 мс — сигнал проблем: медленный сервер, отсутствие кэширования, перегруженная база данных. Правильно настроенный Nginx с Redis-кэшем даёт TTFB 50-150 мс. PageSpeed Insights показывает TTFB из реальных данных пользователей Chrome (CrUX), что честнее, чем синтетическое тестирование из одной точки.