Core/Dash Гистограммы

Понимание User Experience с помощью гистограмм

Средние показатели производительности обманчивы. Они скрывают реальность user experience. Если у одного пользователя сайт загружается за 1 секунду, а у другого — за 9 секунд, среднее значение составит 5 секунд. Эта цифра не отражает опыт ни одного из них. Гистограмма раскрывает истину, визуализируя полное распределение времени загрузки.

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

Что показывает гистограмма

Гистограмма группирует данные о производительности по интервалам для отображения частоты.

• Ось X (Интервалы): Диапазоны показателей производительности (например, 0-1с, 1-2.5с).
• Ось Y (Объем): Количество просмотров страниц, попадающих в каждый интервал. Высота столбца указывает на то, насколько распространен этот опыт.
• Перцентили (p75, p90, p99): Эти маркеры показывают, где находится большинство ваших пользователей. Линия p75 указывает, что 75% вашего трафика быстрее этой точки.

Как диагностировать проблемы с помощью гистограммы

«Здоровая» гистограмма характеризуется высокой концентрацией пользователей в быстрых интервалах слева и коротким, резким спадом. Любая другая форма — это тревожный сигнал, требующий расследования.

1. Длинный хвост: Ищите график, который тянется далеко вправо с низкими столбцами. Это представляет собой «длинный хвост» пользователей с очень низкой производительностью. Часто это пользователи на старых устройствах или в медленных сетях. Минимизация этого хвоста улучшает ваши показатели p95 и p99.
   
   Решение: Сосредоточьтесь на оптимизации для ограниченных сред, сокращая выполнение JavaScript и размеры ресурсов.
   
   
2. Бимодальное распределение (Двойной пик) Ищите два отчетливых пика на графике. Это указывает на два разных user experiences. Часто это вызвано проблемой сегментации, например, мобильные устройства против десктопов или кэшированные страницы против некэшированных.
   
   Решение: Используйте фильтры для изоляции переменной.  Фильтруйте по типу устройства, статусу входа в систему, стране и т.д., пока не найдете измерение, при котором один из пиков исчезнет. Вы только что нашли первопричину проблемы для целой когорты пользователей.

Оптимизация Core Web Vitals

Гистограмма заставляет вас столкнуться с реальностью ваших самых медленных пользователей. Анализ распределения — это ключ к переходу от общей оптимизации к точечным улучшениям, которые повышают ваши показатели p75 и улучшают бизнес-результаты.