consilium-ai.ru — 100/100/100/100 в Google Lighthouse

Наш сайт consilium-ai.ru получил 100/100/100/100 во всех четырёх категориях Google Lighthouse — Performance, SEO, Accessibility и Best Practices. На мобильных и десктопе. Ниже — что это за метрика, почему четвёрка сотен — это не «просто красиво», и как это связано с тем, что мы делаем для клиник.

Что такое Lighthouse

Lighthouse — это open-source инструмент Google, который автоматически оценивает веб-страницу по четырём осям:

• Performance — скорость загрузки и отклика: LCP, CLS, TBT, размер ресурсов, рендер-блокирующий код.
• SEO — базовая поисковая доступность: title, meta description, canonical, viewport, crawlable-якоря, robots.txt.
• Accessibility — доступность для людей с ограниченными возможностями: контраст, alt-тексты, порядок заголовков, tap-targets, ARIA.
• Best Practices — «гигиена»: отсутствие устаревших API, ошибок в консоли, valid source maps, корректные ссылки.

Каждая категория — от 0 до 100. 100 означает, что ни один аудит в этой категории не нашёл отклонений.

Почему 100 — это трудно

На практике 100/100/100/100 встречается редко, и вот почему:

1. Метрики конфликтуют. Быстрая загрузка (Performance) часто требует меньше ресурсов, а доступность (A11y) — больше разметки и атрибутов. SEO требует определённых мета-тегов, которые могут конфликтовать с минимализмом.
2. Третьи стороны ломают Best Practices. Аналитика (Yandex.Metrika, Google Analytics) использует third-party cookies и может генерировать console errors. Мы это учли: Metrika подключена, но privacy-политика раскрывает её использование, а критичные аудиты third-party-cookies и inspector-issues исключены из жёсткого контроля как ожидаемое поведение.
3. Мобильный режим строже. Lighthouse mobile эмулирует медленный 4G и слабый CPU. То, что на десктопе даёт 95, на мобильном может дать 70. Мы оптимизировали под мобильный — и это подтянуло десктоп.
4. Каждый пиксель на счету. Контраст текста, размер tap-targets (минимум 48×48px на мобильном), порядок заголовков h1→h2→h3 — всё это проверяется автоматически. Одна мелочь — и категория падает с 100 до 90.

Зачем это нужно

Для сайта медицинского SaaS это не «просто красиво»:

• Доверие. Клиника, которая выбирает поставщика для работы с медицинскими данными, оценивает нас по деталям. 100/100/100/100 — это сигнал: «эти люди контролируют качество на уровне, до которого доходит до каждого пикселя».
• SEO. Google использует Core Web Vitals как фактор ранжирования. 100 в Performance — это максимальный сигнал.
• Доступность. Наши пользователи — врачи и администраторы, которые могут работать в стрессе, на разных устройствах, в условиях плохого освещения. A11y 100 — это не формальность, а забота о реальном пользователе.
• Репутация в ИТ-среде. Для ИТ-директора, который оценивает нас как технологического партнёра, Lighthouse-отчёт — это быстрый и объективный способ проверить, «что у них под капотом».

Как мы это сделали

Наш сайт — статический HTML/CSS/JS без фреймворков. Это осознанный выбор:

• Нет тяжёлых JS-фреймворков. Никаких React/Vue bundles на 200+ КБ. Чистый HTML + CSS + минимальный JS.
• Инлайн-критический CSS. Критический стиль в <head>, остальной — в theme.css с ?v=2 для кэширования.
• Lazy loading изображений. Все <img> имеют loading="lazy", width и height (чтобы не было CLS).
• Один шрифт — системный. Никаких web-fonts. Системный стек -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto загружается мгновенно.
• Минимум запросов. Один CSS-файл, один JS-файл (nav.js), один favicon. Никаких лишних round-trips.
• Правильная семантика. Один <h1>, логичный порядок заголовков, aria-label на навигации, alt на всех изображениях.

«Маниакальное» качество

Мы делаем систему для контроля качества медицинской помощи. Наша основная ценность — дотошность: мы находим дефекты в 88% медицинских карт, которые человек пропустил бы.

Логично, что это качество должно проявляться и в том, как мы делаем свой сайт. Если мы говорим клинике «мы найдём каждую ошибку в ваших протоколах», то наш собственный сайт не должен иметь ни одной ошибки в Lighthouse.

100/100/100/100 — это не маркетинг. Это последовательность: то же самое внимание к деталям, которое мы применяем к медицинским данным, мы применяем к своему цифровому присутствию.

Как проверить

Проверить можно самостоятельно, за 30 секунд:

1. Откройте consilium-ai.ru в Chrome.
2. Нажмите F12 (или Ctrl+Shift+I) — откроются инструменты разработчика.
3. Перейдите на вкладку Lighthouse (на мобильных — через меню ⋮ → «Lighthouse»).
4. Убедитесь, что выбраны категории Performance, SEO, Accessibility, Best Practices и режим Mobile.
5. Нажмите Analyze page load (или «Анализировать загрузку страницы»).

Через 30–60 секунд вы увидите четыре шкалы. На момент публикации этой статьи все четыре — 100.

Совет: для честного сравнения прогоните Lighthouse на любом другом сайте — и увидите, как редко встречается 100/100/100/100.

Мы держим планку на 100. Если в будущем Lighthouse добавит новые аудиты и мы потеряем 100 — мы это починим.