Chrome User Experience Report: структура и доступ

Определение и назначение

Chrome User Experience Report (CrUX) — это публичная база данных, которая собирает показатели пользовательского опыта реальных посетителей веб-страниц. В отличие от лабораторных инструментов, CrUX отражает данные с настоящих устройств и сетей, что позволяет анализировать поведение пользователей в естественных условиях.

Структура данных CrUX

Данные CrUX организованы в виде отчетов, включающих несколько ключевых метрик, ориентированных на пользовательский опыт:

  1. Core Web Vitals

    • Largest Contentful Paint (LCP) — измеряет время загрузки самого большого видимого элемента контента.
    • First Input Delay (FID) — фиксирует задержку отклика на первое взаимодействие пользователя.
    • Cumulative Layout Shift (CLS) — оценивает стабильность визуальной компоновки страницы.

  2. Дополнительные показатели производительности

    • First Contentful Paint (FCP) — время появления первого видимого текста или изображения.
    • Interaction to Next Paint (INP) — среднее время отклика на пользовательские действия.
    • Total Blocking Time (TBT) — суммарное время, когда основной поток блокировался, мешая взаимодействию с интерфейсом.

  3. Сегментация по устройствам и условиям сети CrUX разбивает данные по типу устройств (мобильные, десктопные), скорости сети (Fast 3G, Slow 4G) и географическим регионам. Это позволяет проводить глубокий анализ производительности в различных условиях.

Формат отчетов и доступ к данным

CrUX предоставляет данные в нескольких форматах:

  • BigQuery — полная таблица с метриками и сегментацией, доступная для запросов SQL. Поддерживает исторические данные и объединение с другими источниками.
  • API CrUX — REST-интерфейс, возвращающий JSON с метриками для конкретных URL или сайтов. Поддерживает агрегированные показатели и распределения метрик по пользователям.
  • PageSpeed Insights — визуальный инструмент, использующий CrUX для отображения Core Web Vitals, в том числе прогнозируемых значений на основе данных реальных пользователей.

Особенности доступа через BigQuery

При работе с BigQuery данные CrUX структурированы по таблицам, где каждая строка соответствует URL и определённой комбинации сегментации:

  • origin — основной домен сайта.
  • form_factor — мобильное или десктопное устройство.
  • effective_connection_type — реальная скорость сети пользователя.
  • histogram — распределение значений метрик по квантилям пользователей (fast, moderate, slow).

Пример запроса для анализа LCP на мобильных устройствах:

SEL ECT
  origin,
  PERCENTILE_CONT(lcp.value, 0.75) AS lcp_75th_percentile
FR OM
  `chrome-ux-report.all.2026_03`
WHERE
  form_factor = 'PHONE'
GROUP BY
  origin
ORDER BY
  lcp_75th_percentile DESC
LIMIT 100;

Доступ через API CrUX

API CrUX позволяет получать метрики без прямого доступа к BigQuery. Запрос к API возвращает JSON следующей структуры:

{
  "url": "https://example.com",
  "record": {
    "metrics": {
      "largest_contentful_paint": {
        "histogram": [
          {"start": 0, "end": 2500, "density": 0.5},
          {"start": 2500, "end": 4000, "density": 0.3},
          {"start": 4000, "end": 10000, "density": 0.2}
        ],
        "percentiles": {"p75": 3200}
      }
    }
  }
}

Ключевые элементы:

  • histogram показывает распределение пользователей по диапазонам времени загрузки.
  • percentiles позволяет получить агрегированные значения, например, 75-й перцентиль, который используется для оценки Core Web Vitals.

Использование данных CrUX в аналитике

Данные CrUX применяются для:

  • Отслеживания производительности сайтов на уровне реальных пользователей.
  • Сравнения сайтов-конкурентов.
  • Идентификации проблемных сегментов, например, медленных соединений или устаревших устройств.
  • Поддержки решений по оптимизации LCP, FID и CLS на основе статистически значимых данных.

Особенности интерпретации метрик

  • 75-й перцентиль — основной показатель Core Web Vitals, так как отражает опыт большинства пользователей, а не среднее.
  • Сегментация по сети и устройству важна, потому что показатели сильно зависят от условий: мобильный пользователь на медленном 3G может испытывать задержки, которые не видны в лабораторных тестах.
  • Исторические тренды позволяют отслеживать улучшения или ухудшения после внесения изменений на сайте.

Интеграция с инструментами JavaScript

Данные CrUX могут быть объединены с библиотекой Web Vitals в Jav * aScript:

import {getLCP, getFID, getCLS} from 'web-vitals';

getLCP(metric => {
  console.log('LCP:', metric.value);
});

getFID(metric => {
  console.log('FID:', metric.value);
});

getCLS(metric => {
  console.log('CLS:', metric.value);
});

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

Ключевые преимущества CrUX

  • Отражает реальный пользовательский опыт, а не лабораторные условия.
  • Позволяет анализировать данные по сегментам устройств, сетей и регионов.
  • Поддерживает интеграцию с BigQuery, API и PageSpeed Insights для гибкого анализа.
  • Обеспечивает возможность долгосрочного мониторинга и оптимизации Core Web Vitals на уровне крупных сайтов и приложений.
Оглавление