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

Использование панели управления CrUX для визуализации данных BigQuery CrUX

Панель управления CrUX — это панель мониторинга Looker Studio (ранее Data Studio), которая связывается с необработанными данными CrUX исходного уровня в BigQuery , а затем визуализирует данные для вас. Это избавляет пользователей от необходимости писать какие-либо запросы или создавать диаграммы. Все создано для вас; все, что вам нужно, это указать источник, и панель мониторинга будет создана для вас.

Доступ к панели управления CruX

Чтобы запустить панель управления CrUX, введите источник или URL-адрес и нажмите Enter или нажмите «Перейти» :

URL-адрес панели мониторинга можно затем опубликовать и добавить в закладки для удобства использования.

Это работает для всех сайтов?

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

Некоторые распространенные проблемы с источниками связаны с предоставлением неправильного протокола, например http:// вместо https:// , и отсутствием поддомена, когда это необходимо. Некоторые веб-сайты включают перенаправления, поэтому, если http://example.com перенаправляет на https://www.example.com , вам следует использовать последний, который является канонической версией источника.

Используйте систему пользовательского поиска для доступа к информационной панели

Альтернативный способ для тех, кто часто посещает разные домены, — настроить собственную поисковую систему в Chrome, которая позволяет передавать поисковый запрос (в данном случае источник) по URL-адресу. Для этого зайдите в настройки Chrome, используя меню из трех точек в правом верхнем углу Chrome. В настройках выберите опцию «Поисковая система».

Снимок экрана: страница настроек Chrome для поисковых систем, на которой вы можете «Управлять поисковыми системами и поиском по сайту».
Настройки Chrome для поисковых систем.

Отсюда разверните «Управление поисковыми системами и поиском по сайту», прокрутите до «Поиск по сайту», нажмите кнопку «Добавить» и введите следующие данные:

  • Поисковая система: CrUX
  • Ярлык: crux
  • URL-адрес с %s вместо запроса: https://lookerstudio.google.com/c/u/0/reporting/bbc5698d-57bb-4969-9e07-68810b9fa348/page/keDQB?params=%7B%22origin%22:%22%s%22%7D
Диалоговое окно Chrome «Добавить поисковую систему» ​​с тремя полями: название поисковой системы, ярлык и URL-адрес с %s вместо запроса.
Диалоговое окно Chrome «Добавить поисковую систему».

После этого, когда вы введете crux и нажмете tab в строке поиска, вы сможете ввести источник, и Chrome перейдет к панели управления CrUX для этого источника.

Снимок экрана адресной строки Chrome, показывающий команду «Поиск в CrUX».
Использование пользовательской поисковой системы в адресной строке Chrome.

Если вы опустите протокол, предполагается HTTPS. Поддомены имеют значение, например https://developers.google.com и https://www.google.com считаются разными источниками.

Если источник существует в CrUX, вы попадете на панель мониторинга, заполненную данными CrUX для этого источника:

Снимок экрана панели управления CrUX для Developer.chrome.com, показывающий начальный экран основных веб-показателей.
Пример информационной панели CruUX.

Обзор информационной панели

Каждая информационная панель имеет три типа страниц:

  1. Обзор основных веб-показателей
  2. Метрика производительности
  3. Демография пользователей

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

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

Обзор основных веб-показателей

На первой странице представлен обзор ежемесячных показателей Core Web Vitals . Это наиболее важные UX-метрики, на которых Google рекомендует вам сосредоточиться.

Полный снимок экрана с обзором основных веб-показателей панели управления CrUX, показывающий подробную информацию о LCP, INP и CLS для этого сайта.
Обзор основных веб-показателей CruUX Dashboard.

Используйте страницу Core Web Vitals, чтобы понять, как источник воспринимается пользователями настольных компьютеров и телефонов. По умолчанию выбирается самый последний месяц на момент создания информационной панели. Чтобы переключаться между старыми и новыми ежемесячными выпусками, используйте фильтр «Месяц» в верхней части страницы.

Метрика производительности

После страницы Core Web Vitals вы найдете отдельные страницы для всех показателей в наборе данных CrUX.

Снимок экрана страницы LCP панели мониторинга CrUX, показывающий гистограмму хороших, требующих улучшения и плохих данных LCP за 10 месяцев.
Страница LCP панели мониторинга CruUX.

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

Основные визуализации на этих страницах представляют собой ежемесячное распределение опыта, отнесенного к категориям «Хорошо», «Требуется улучшение» и «Плохо». Легенда с цветовой кодировкой под диаграммой указывает диапазон впечатлений, включенных в категорию. Например, на предыдущем снимке экрана вы можете видеть, что процент «хороших» результатов Largest Contentful Paint (LCP) немного колеблется и в последние месяцы становится немного хуже.

Над диаграммой показаны проценты «хороших» и «плохих» впечатлений за последний месяц вместе с индикатором процентной разницы с предыдущим месяцем. Для этого происхождения «хорошие» впечатления от LCP упали на 0,8% до 83,25% по сравнению с месяцем, число p75 имело 0 изменений и осталось на уровне 1500 по сравнению с месяцем, а «плохие» впечатления от LCP увеличились на 3,6% ( показано красным, поскольку рост здесь плохой) до 7,42%. Обратите внимание, что процентные изменения представляют собой фактические процентные изменения, а не изменения процентных пунктов. Например, от 83,93% до 83,25% — это изменение на 0,68 процентного пункта, или уменьшение на 0,8% от предыдущего итогового показателя в 83,93%.

Кроме того, для таких показателей, как LCP и других основных веб-показателей, которые предоставляют явные рекомендации по процентилям, вы найдете метрику «P75» между «хорошими» и «плохими» процентами. Это значение соответствует 75-му процентилю пользовательского опыта источника. Другими словами, 75% впечатлений лучше этого значения. Следует отметить, что это относится к общему распределению по всем устройствам в источнике. Переключение определенных устройств с помощью фильтра устройств не приводит к перерасчету процентиля.

Технические предостережения относительно процентилей

Имейте в виду, что метрики процентилей основаны на данных гистограммы из BigQuery , поэтому степень детализации будет грубой: 100 мс для LCP, 25 мс для INP и 0,05 для CLS. Другими словами, LCP P75, равный 3800 мс, указывает на то, что истинный 75-й процентиль находится где-то между 3800 и 3900 мс.

Кроме того, набор данных BigQuery использует метод, называемый «распространением ячеек», при котором плотность пользовательского опыта группируется в очень грубые ячейки с уменьшающейся степенью детализации. Это позволяет нам включать мелкие плотности в хвост распределения без необходимости превышать четыре цифры точности. Например, значения LCP менее 3 секунд группируются в интервалы шириной 200 мс. Ширина интервала между 3 и 10 секундами составляет 500 мс. За пределами 10 секунд ширина интервалов составляет 5000 мс... Вместо интервалов различной ширины расширение интервалов гарантирует, что все интервалы имеют постоянную ширину 100 мс (наибольший общий делитель), а распределение линейно интерполируется по каждому интервалу.

Соответствующие значения P75 в таких инструментах, как PageSpeed ​​Insights, не основаны на общедоступном наборе данных BigQuery и могут предоставлять значения с точностью до миллисекунды.

Демография пользователей

На демографических страницах пользователей представлены два измерения : устройства и эффективные типы подключения (ECT). Эти страницы иллюстрируют распределение просмотров страниц по всему источнику для пользователей каждой демографической группы.

На странице распределения устройств показано распределение пользователей телефонов, настольных компьютеров и планшетов по времени:

Снимок экрана страницы устройства CruUX Dashboard, показывающий распределение устройств (телефонов, настольных компьютеров и планшетов) за 10 месяцев.
Страница устройства CruUX Dashboard.

Многие источники, как правило, практически не содержат данных планшета, поэтому вы часто увидите цифру «0%», свисающую с края диаграммы.

Аналогичным образом, на странице распространения ECT показана разбивка по 4G, 3G, 2G, медленному 2G и автономному режиму.

Распределения для этих измерений рассчитываются с использованием сегментов данных гистограммы First Contentful Paint (FCP).

Часто задаваемые вопросы

Вот некоторые из часто задаваемых вопросов о наборе данных CruX BigQuery:

В каких случаях мне следует использовать панель управления CrUX вместо других инструментов?

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

Есть ли какие-либо ограничения на использование панели управления CrUX?

Основание на BigQuery означает, что панель мониторинга CrUX также наследует все его ограничения. Он ограничен данными на уровне источника с ежемесячной детализацией.

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

Как я могу настроить панель управления

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