Если вы листали мою главную страницу, вы видели четыре больших числа под заголовком “Lighthouse report.” Четыре раза по 100. Те же четыре числа есть на странице проекта Almaz и на странице проекта Fastry. Этот пост объясняет, что эти числа на самом деле означают, откуда они берутся и почему они важны для сайта, который вы рассматриваете для заказа.
Что такое Lighthouse Score?
Lighthouse — это автоматизированный инструмент аудита сайтов, созданный Google. Он загружает страницу в контролируемой среде, имитирует реального посетителя и оценивает страницу по четырём отдельным категориям — каждая от 0 до 100:
- Performance — насколько быстро страница загружается и становится доступной
- Accessibility — насколько хорошо страница работает для посетителей с ограниченными возможностями
- Best Practices — насколько чисто и безопасно построена страница
- SEO — насколько легко поисковые системы могут читать и индексировать страницу
Инструмент встроен в Chrome DevTools, но устанавливать ничего не нужно. Google предлагает бесплатную версию на pagespeed.web.dev — вставьте любой URL и получите полный отчёт примерно за тридцать секунд, с оценками для мобильных и десктопа.
Почему четыре оценки вместо одной
Сайт может быть молниеносным и при этом недоступным для программ экранного доступа. Он может быть идеально доступным и всё равно иметь ошибки смешанного контента. Он может проходить все проверки лучших практик и оставаться невидимым для Google из-за отсутствия meta-описания. Четыре категории существуют потому, что “хороший сайт” — это не одно понятие, а стопка разных аспектов, и Lighthouse измеряет каждый независимо.
Performance
Performance — самая тяжёлая категория, и удержать 100 в ней сложнее всего. Она рассчитывается из нескольких реальных замеров: сколько времени нужно, чтобы посетитель увидел что-то на экране, сколько чтобы он мог взаимодействовать с контентом, и насколько стабилен макет во время загрузки. Это те же Core Web Vitals, которые Google использует как сигнал ранжирования в поиске.
Страница, которая отправляет мегабайт JavaScript, не получит 100. Страница, которая загружает изображения правильного размера, отправляет только необходимый JavaScript и не блокирует рендеринг сторонними скриптами, имеет шанс.
Accessibility
Доступность оценивается по чек-листу автоматизированных WCAG-проверок: контраст текста, alt-атрибуты на изображениях, состояния фокуса клавиатуры, ARIA-метки на кнопках-иконках, семантические ориентиры вроде <main> и <nav>. Аудит не может выявить все проблемы доступности — некоторые проверки требуют человека — но если сайт не проходит автоматические, он почти наверняка не пройдёт и ручные. 100 здесь — это нижняя планка, а не потолок.
Best Practices
Best Practices ловит то, что действительно не стоит делать в 2026 году: отдавать страницы по HTTP вместо HTTPS, использовать устаревшие браузерные API, выводить ошибки в консоль, встраивать сторонние iframe без правильных sandbox-атрибутов. Это категория “есть ли что-то очевидно неправильное?”, и её проще всего держать на 100, если начинать с чистого листа.
SEO
SEO в Lighthouse — это технический уровень оптимизации для поиска, не контентный — он не может сказать, будет ли ваш пост ранжироваться, но может сказать, сможет ли Google его вообще прочитать. Аудит проверяет наличие <title>, meta-описания, правильного canonical URL, индексируемых robots-директив, корректного hreflang для мультиязычности, достаточно крупных целей на мобильных и так далее.
Как запустить отчёт самостоятельно
Три варианта, от простого к сложному:
- pagespeed.web.dev — вставьте URL, нажмите Анализировать, читайте отчёт. Без установки, запускается на серверах Google, показывает и мобильную, и десктопную оценку.
- Chrome DevTools — откройте любую страницу, нажмите F12, перейдите на вкладку Lighthouse, выберите Mobile или Desktop, нажмите Анализировать.
- Lighthouse CLI —
npx lighthouse https://example.com --viewдля интеграции в CI.
Что набирает этот сайт
Этот сайт набирает 100 / 100 / 100 / 100 как на десктопе, так и на мобильных. Performance, Accessibility, Best Practices, SEO — идеально на всех профилях устройств, ни одна категория не теряет ни балла.
Для посетителя это означает:
- Первый абзац любой страницы появляется на экране менее чем за секунду на обычном соединении.
- Страница полностью читаема и кликабельна до того, как любая анимация, смена шрифта или сторонний виджет успеют вмешаться.
- Программа экранного доступа может перемещаться по сайту без неразмеченных кнопок, пустых ссылок или пропущенных уровней заголовков.
- Поисковые системы видят полный
<title>, реальное meta-описание, структурированные данные и canonical URL на каждой странице.
Что набирает Fastry
Демо темы Fastry на astrorocket.dev показывает тот же результат: 100 / 100 / 100 / 100 на десктопе и мобильных. Идеальная оценка во всех категориях. Это важно, потому что Fastry — бесплатный MIT-шаблон для других разработчиков и дизайнеров.
Почему я отношусь к 100 как к ограничению
Каждая новая функция на этом сайте проходит дополнительную проверку перед публикацией: сколько она стоит в Lighthouse? Большинство функций не стоят ничего. Некоторые стоят одного-двух баллов. Некоторые — больше, и именно их я либо переделываю, либо вовсе не добавляю.
Mobile LetterGlitch — самый наглядный пример. На десктопе анимация работает и выглядит отлично. На мобильных canvas-анимация стоит около двух баллов Performance — разница между 100 и 98 — поэтому она отключается на узких экранах.
Суть
Идеальный Lighthouse Score — не трофей. Это сигнал. Он говорит посетителю, что сайт, который он собирается использовать, быстрый, работает с вспомогательными технологиями, чисто построен и доступен для поисковиков. Для портфолио дизайнера-разработчика и бесплатного MIT-шаблона “100 во всех категориях” — это планка, к которой я стремлюсь.
Хотите проверить это самостоятельно? Вставьте любой URL в pagespeed.web.dev и запустите отчёт. Тридцать секунд, без регистрации.