Использование отчета Chrome UX для оценки производительности на местах

Отчет Chrome UX (неофициально известный как CrUX) — это общедоступный набор данных о реальном пользовательском опыте на миллионах веб-сайтов. В отличие от лабораторных данных, данные CrUX фактически поступают от согласившихся пользователей на местах. Он измеряет основные метрики Web Vitals , в том числе наибольшую отрисовку контента (LCP), взаимодействие с следующей отрисовкой (INP) и совокупный сдвиг макета (CLS), а также диагностические показатели, такие как время до первого байта (TTFB) и первая отрисовка контента ( ФКП).

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

Используя эти данные, разработчики могут понять широкое распространение реального пользовательского опыта между веб-сайтами, сегментами сети или сетью в целом. Это большое дело! Набор данных Chrome UX Report — первый в своем роде, который позволяет веб-разработчикам сравнивать реальную производительность своих пользователей с показателями конкурентов и отрасли.

Как это использовать

Существует четыре основных способа получения информации из отчета Chrome UX Report, различающихся по сложности. Для быстрого и простого анализа производительности веб-сайта рекомендуется использовать CruX Dashboard и PageSpeed ​​Insights . BigQuery обменивает часть простоты анализа на возможности настройки и более детальную информацию. API обеспечивает интеграцию данных высокого уровня с другими приложениями, а API истории предоставляет исторические данные для анализа тенденций.

Панель управления CruX

CrUX Dashboard — это настраиваемый инструмент визуализации данных об исторической производительности веб-сайтов, созданный на основе Looker Studio . Данные берутся из набора данных BigQuery, и все запросы SQL обрабатываются за вас «под капотом». Панель мониторинга показывает распределение пользовательского опыта, отраженное ключевыми показателями производительности, и то, как оно меняется с течением времени. Он также показывает, как со временем меняются распределения качественных показателей, таких как тип устройства и эффективный тип соединения. Попробуйте руководство по панели инструментов Looker Studio .

Статистика PageSpeed

PageSpeed ​​Insights (PSI) показывает самые последние распределения производительности с разбивкой по пользователям настольных компьютеров и мобильных устройств. Данные о производительности доступны для отдельных веб-страниц (в дополнение ко всем источникам) и агрегируются за последние 28 дней (в отличие от предыдущего календарного месяца в BigQuery). Использовать этот инструмент так же просто, как ввести URL-адрес или источник в поле поиска веб-интерфейса, а данные об эффективности полей отображаются вместе с рекомендациями по оптимизации страницы. Попробуйте руководство PageSpeed ​​Insights .

Crux в BigQuery

База данных CrUX на BigQuery , являющаяся частью Google Cloud Platform (GCP) с веб-интерфейсом и интерфейсом командной строки, содержит необработанные данные, которые объединяют ключевые показатели производительности UX для ведущих источников в Интернете. В базу данных периодически добавляются новые таблицы за предыдущий календарный месяц. Разработчики могут вручную создавать запросы для анализа набора данных для получения конкретной информации. BigQuery требует знания SQL и проекта GCP с включенной оплатой для выполнения запросов. Это особенно полезный инструмент для опытных пользователей, которым требуется низкоуровневый доступ к данным для создания пользовательских отчетов, тестов и отчетов о состоянии Интернета. Попробуйте руководство по BigQuery .

Крукс API

CrUX API — это бесплатный RESTful интерфейс для поиска данных об опыте пользователя на уровне источника или URL-адреса. Данные обновляются ежедневно и объединяют данные за предыдущие 28 дней, аналогично PageSpeed ​​Insights. Вы можете использовать этот API для создания собственных приложений на основе данных реального взаимодействия с пользователем в CrUX. Попробуйте руководство по API CrUX .

API истории CruX

API истории CrUX — это бесплатный RESTful интерфейс, аналогичный ежедневному API, для поиска данных об опыте пользователя на уровне источника или URL-адреса. Данные обновляются еженедельно и объединяют данные за предыдущие 28 дней за период в 6 месяцев. Вы можете использовать этот API для создания собственных приложений на основе данных реального взаимодействия с пользователем в CrUX. Попробуйте руководство по API истории CrUX .

Как получить помощь

Если вам нужна какая-либо поддержка, есть несколько каналов, по которым можно связаться с кем-то, кто может помочь. Группа Google CrUX — это публичный форум, на котором пользователи набора данных могут задавать вопросы и делиться результатами анализа. Существует также тег CrUX для переполнения стека , если вам нужна помощь по программированию с доступом к SQL или API. И, наконец, @ChromeUXReport — это аккаунт в Твиттере, на который вы можете подписаться, чтобы задавать вопросы и слушать анонсы продуктов.

Посмотрите это в действии

Чтобы лучше ознакомиться с доступными данными, ознакомьтесь с пошаговыми руководствами по использованию панели инструментов Looker Studio, PageSpeed ​​Insights, Bigquery, а также API ежедневного и исторического API: