// Engineering Log

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

Опубликовано 19.11.2025

// Быстрый маршрут

Эта статья относится к теме Деплой и стабильная работа.

Нужна помощь по этой теме Страница темы

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

«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.

Параметр	Значение
Источник данных	Chrome (desktop + mobile)
Обновление	Еженедельно
Период	Скользящее окно 28 дней
Уровни анализа	Origin и URL
Доступ	https://cruxvis.withgoogle.com/ — бесплатно
API	CrUX History API

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

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

Метрика	Что измеряет	Порог Google (75-й перцентиль)
LCP	Время отображения основного контента	≤ 2.5 c
INP	Задержка реакции интерфейса	≤ 200 мс
CLS	Скачки верстки	≤ 0.1
FCP	Первая отрисовка контента	≤ 1.8 c
TTFB	Скорость ответа сервера	≤ 800 мс

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

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

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


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

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

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

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

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

Ограничение	Комментарий
Период только 28 дней	Для длинного анализа нужен CrUX History API
Новые сайты без данных	Нужно 1000+ уникальных пользователей
Нет real-time	Комбинируйте с RUM (Sentry, Vercel Analytics)
Только Chrome	Safari/Firefox не учитываются

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

Инструмент	Особенность
DebugBear	CrUX + Lighthouse + алёрты
PageSpeed Insights	CrUX + рекомендации
Web Vitals Extension	локальные метрики
Vercel Analytics	идеален для Next.js

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

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

Вывод

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

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

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

Теги:

#core-web-vitals #performance #google #crux #web #seo #devops

// Похожая задача

Если у вас похожая ситуация

Эта статья относится к одной из рабочих тем. Можно продолжить чтение по теме, перейти на главную, чтобы понять, чем я занимаюсь, или сразу открыть услуги.

Тема статьи

Деплой и стабильная работа

Docker, CI/CD, релизы, мониторинг, observability и разбор инцидентов.

Часто с этим приходят

Настроить деплой без ручных действий и хаоса
Подключить мониторинг, алерты и базовую observability
Разобрать инциденты и стабилизировать production

// Следующий шаг

Если вам нужна не только статья, а помощь по этой теме, удобнее сразу перейти в услугу. Главная и подборка материалов остаются рядом.

Открыть услуги

Чем я могу помочь Все материалы по теме

// Reviews

Отзывы по теме

Было несколько проблем касаясь как технической части так и понимания в целом. Михаил быстро ответил на запрос, помог разобраться и решил проблеммы технические и помог разобраться в понимании, за что отдельное спасибо. Результатом доволен.

Было несколько проблем касаясь как технической части так и понимания в целом. Михаил быстро ответил на запрос, помог разобраться и решил проблеммы технические и помог разобраться в понимании, за что отдельное спасибо. …

abazawolf

Настройка vps, настройка сервера

18.02.2026 · ★ 5/5