CrUX Vis: как Google показывает, что чувствуют ваши пользователи на самом деле

Вступление: почему «лабораторные» метрики — это не всё

«Lighthouse показывает 100/100, а пользователи жалуются на тормоза» — знакомая боль?

Синтетические тесты (Lighthouse, WebPageTest) — отличны для разработки.
Но реальный пользователь сидит:

• на 3G в метро,
• с открытыми 27 вкладками,
• на старом Android с 2 ГБ RAM.

Именно такие сценарии фиксирует CrUX — Chrome User Experience Report.
А CrUX Vis — это удобный и бесплатный визуализатор этих данных, запущенный в 2024 году.

CrUX Vis не заменяет, а дополняет существующий CrUX Dashboard (в Looker Studio), предлагая более быстрый и сфокусированный интерфейс для анализа отдельных URL или доменов.

Что такое CrUX Vis?

CrUX Vis — это веб-интерфейс для анализа данных из Chrome User Experience Report, который собирает анонимизированные метрики с миллиардов реальных сессий пользователей Chrome.

Какие метрики показывает CrUX Vis?

CrUX Vis отображает Core Web Vitals + несколько вспомогательных метрик.

75-й перцентиль — ключевой. Google оценивает не среднее, а стабильность: 75% пользователей должны укладываться в “Good”.

Интерфейс CrUX Vis: пошаговый тур

1. Перейдите на https://cruxvis.withgoogle.com/
2. Введите origin или URL:

https://example.com
https://example.com/blog/post-1

3. Выберите устройство: Desktop / Phone
4. Получите дашборд.

Что показывает интерфейс:

• тренды за 28 дней,
• долю Good / Needs Improvement / Poor,
• сравнение с прошлой неделей,
• ссылку на PageSpeed Insights,
• кнопку Share для публичного линка.

Ограничения CrUX Vis

Альтернативы и дополнения

Как начать прямо сейчас

1. Откройте CrUX Vis
2. Введите ваш домен
3. Добавьте скриншот в проектный дашборд
4. Подключите CrUX History API для автоматизации

Вывод

Не оптимизируйте сайт для Lighthouse. Оптимизируйте для людей.

CrUX Vis — простой, быстрый и честный взгляд на то, как сайт ощущается в реальности. Это инструмент, который стоит добавить в CI/CD, аналитические отчёты и процессы QA.

Полезные ссылки

• https://developers.google.com/web/tools/chrome-user-experience-report/api
• https://web.dev/vitals/