Чтобы провести аудит Lighthouse для мобильных в Chrome, откройте DevTools, выберите панель Lighthouse, поставьте Device в положение Mobile, отметьте нужные категории (Performance, Accessibility, Best practices, SEO) и нажмите Analyze page load. Lighthouse перезагрузит страницу на эмулированном телефоне среднего уровня с замедленным соединением и выдаст отчёт с оценками от 0 до 100 и списком проблем. Запускайте проверку в окне инкогнито, потому что другие расширения искажают результаты.
Кроме того, именно Lighthouse Google рекомендовал вместо закрытого Mobile-Friendly Test; подробнее в статье чем заменить Mobile-Friendly Test.
Пошагово в Chrome DevTools
- Откройте страницу в окне инкогнито (
Ctrl + Shift + NилиCmd + Shift + N). Расширения там по умолчанию не работают. - Откройте DevTools (
F12илиCmd + Option + I) и выберите Lighthouse. Если панели не видно, ищите её за стрелкой>>. - Выберите Mode:
- Navigation (по умолчанию): аудит загрузки страницы с нуля. Используйте этот режим в большинстве случаев.
- Timespan: запись во время ваших действий, полезно, чтобы измерить меню или форму.
- Snapshot: аудит страницы в текущем состоянии, например с открытым модальным окном.
- Поставьте Device в положение Mobile.
- Отметьте нужные Categories.
- Нажмите Analyze page load и подождите 30–60 секунд.
Lighthouse работает на любой странице, которую может открыть Chrome, включая localhost и страницы за авторизацией, до которых онлайн-инструменты не дотягиваются.
Расширение Lighthouse для Chrome
Lighthouse есть и в виде расширения в Chrome Web Store: установите его, откройте страницу, нажмите значок Lighthouse и выберите Generate report. Собственная документация Google советует использовать панель в DevTools, если нет особой причины ставить расширение: DevTools может проверять локальные сайты и страницы за авторизацией, а расширение нет. На практике расширение удобно, когда нужен аудит публичной страницы в один клик без открытия DevTools; во всех остальных случаях действуйте по шагам выше.
Запуск Lighthouse из командной строки
Для повторяемых запусков или CI используйте CLI на Node:
npx lighthouse https://example.com --viewПо умолчанию CLI проводит аудит в мобильном режиме. Добавьте --preset=desktop для десктопа, --only-categories=performance,seo, чтобы ограничить категории, и --output=json, чтобы обрабатывать результаты скриптом. PageSpeed Insights запускает тот же движок на серверах Google для публичных URL.
Как читать отчёт
Каждая категория получает оценку: 90–100 — хорошо (зелёный), 50–89 — нужно улучшить (оранжевый), 0–49 — плохо (красный).
Performance основан на лабораторных метриках: First Contentful Paint, Largest Contentful Paint, Total Blocking Time, Cumulative Layout Shift и Speed Index. Под оценкой разделы Insights и Diagnostics перечисляют конкретные исправления: слишком большие изображения, поздно обнаруженную LCP-картинку, блокирующие отрисовку ресурсы. Начиная с Lighthouse 13 (октябрь 2025 года) старые аудиты производительности сгруппированы в эти insights, те же, что показывает панель Performance в DevTools.
Accessibility запускает автоматические проверки: контраст цветов, отсутствующие подписи и alt-тексты, порядок заголовков, настройки масштабирования viewport, размер зон нажатия и другие.
Best practices охватывает HTTPS, ошибки браузера в консоли, устаревшие API и пропорции изображений.
SEO проверяет основы: title и meta description, индексируемую страницу с успешным кодом ответа, сканируемые ссылки с понятным текстом, alt у изображений, корректный robots.txt, теги hreflang и canonical. В Lighthouse 13 убрали старый аудит читаемого размера шрифта, а проверку viewport перенесли в insights производительности. Пройденные проверки не гарантируют высоких позиций; они значат только, что базовых препятствий нет.
Почему мобильная оценка ниже и меняется от запуска к запуску
Мобильный режим имитирует более медленный телефон и сеть, поэтому страница с оценкой 95 на десктопе может получить 60 на мобильных. В этом разрыве и смысл: он приближённо показывает опыт многих реальных посетителей.
Оценки также меняются от запуска к запуску, иногда на 5–10 баллов, из-за условий сети, времени ответа сервера и фоновой активности на вашем компьютере. Чтобы получить надёжную цифру:
- запустите аудит три-пять раз и возьмите медиану;
- закройте другие тяжёлые вкладки и приложения;
- сравнивайте сопоставимое (одна и та же настройка устройства, одна страница, один компьютер).
В части скорости Lighthouse — лабораторный тест. Опыт ваших посетителей отражают полевые данные реальных пользователей из PageSpeed Insights или Search Console. Разница объяснена в статье проверка скорости сайта на мобильных.
Что исправлять в первую очередь
- Всё красное в Accessibility и SEO. Обычно это быстрые исправления: подписи, alt-тексты, контраст, отсутствующий meta description, заблокированный робот.
- Самая большая возможность по LCP. Часто это главная картинка, которая слишком большая, загружается лениво или обнаруживается поздно.
- Долгие задачи JavaScript. Частые виновники — сторонние скрипты; посмотрите, что можно отложить или убрать.
- Сдвиги раскладки. Задайте размеры изображениям, встраиваемому контенту и рекламным блокам.
Lighthouse перечисляет проблемы, но не показывает, как страница выглядит на телефоне. Дополните его визуальной проверкой в мобильном просмотре: режимом устройства в DevTools или расширением Mobile View Extension, которое перезагружает страницу в размере реального телефона с мобильным user agent. Затем пройдите чек-лист тестирования мобильной версии сайта, чтобы проверить то, что автоматический аудит оценить не может, например навигацию и формы.
Частые вопросы
Как запустить Lighthouse для мобильных в Chrome?
Откройте DevTools, перейдите на панель Lighthouse, поставьте Device в Mobile, выберите категории и нажмите Analyze page load. Для более чистых результатов используйте окно инкогнито.
Какая оценка Lighthouse для мобильных считается хорошей?
90 и выше считается хорошей. В части производительности ориентируйтесь на прохождение Core Web Vitals по данным реальных пользователей, а лабораторная оценка — это подсказка для поиска проблем.
Lighthouse и PageSpeed Insights — это одно и то же?
PageSpeed Insights запускает Lighthouse на серверах Google и добавляет данные реальных пользователей из Chrome User Experience Report, если они есть. Lighthouse в DevTools работает на вашем компьютере и может проверять локальные и закрытые страницы.