Panel de CrUX

El panel de CrUX es un panel de Looker Studio (anteriormente Data Studio) que se vincula a los datos sin procesar de CrUX a nivel del origen en BigQuery y, luego, los visualiza por ti. Esto elimina la necesidad de que los usuarios del panel escriban consultas o generen gráficos. Todo se compila por ti. Solo debes proporcionar un origen y se generará el panel.

Accede al panel de CrUX

Para iniciar el panel de CrUX, ingresa un origen o una URL y presiona Intro o haz clic en Ir:

Luego, puedes compartir la URL del panel y agregarla a favoritos para consultarla rápidamente.

¿Funciona en todos los sitios web?

No. Si tu origen no se incluye en el conjunto de datos de CrUX, no se mostrarán datos. Hay más de 15 millones de orígenes en el conjunto de datos, pero es posible que el que deseas no tenga datos suficientes para incluirlo.

Algunos problemas comunes con los orígenes son proporcionar el protocolo incorrecto, por ejemplo, http:// en lugar de https://, y omitir el subdominio cuando sea necesario. Algunos sitios web incluyen redireccionamientos, por lo que, si http://example.com redirecciona a https://www.example.com, debes usar este último, que es la versión canónica del origen.

Usa un motor de búsqueda personalizado para acceder al panel

Una alternativa para quienes visitan diferentes dominios con frecuencia es configurar un motor de búsqueda personalizado en Chrome que te permita pasar un término de búsqueda (el origen en este caso) a una URL. Para ello, ve a la configuración de Chrome a través del menú de tres puntos que se encuentra en la parte superior derecha de Chrome. Una vez en Configuración, elige la opción "Motor de búsqueda".

Configuración de Chrome para la página Motores de búsqueda, en la que puedes "Administrar la búsqueda en sitios y los motores de búsqueda"
Configuración de Chrome para motores de búsqueda.

Desde aquí, expande "Administrar motores de búsqueda y búsquedas en sitios", desplázate hasta "Búsquedas en sitios", haz clic en el botón "Agregar" y, luego, ingresa los siguientes detalles:

  • Motor de búsqueda: CrUX
  • Método abreviado: crux
  • URL con %s en lugar de la consulta: https://lookerstudio.google.com/c/u/0/reporting/bbc5698d-57bb-4969-9e07-68810b9fa348/page/keDQB?params=%7B%22origin%22:%22%s%22%7D
Diálogo "Agregar motor de búsqueda" de Chrome con tres campos: el nombre del motor de búsqueda, el atajo y la URL con %s en lugar de la búsqueda.
Diálogo "Agregar motor de búsqueda" de Chrome.

Después de esto, cuando escribas crux y presiones tab en la barra de búsqueda, podrás ingresar un origen y Chrome navegará al panel de CrUX de ese origen.

Barra de direcciones de Chrome que muestra el comando "Search CrUX".
Usar un motor de búsqueda personalizado en la barra de direcciones de Chrome

Si omites el protocolo, se supone que es HTTPS. Los subdominios son importantes, por ejemplo, https://developers.google.com y https://www.google.com se consideran orígenes diferentes.

Si el origen existe en CrUX, se te dirigirá al panel, que se propagará con los datos de CrUX de este origen:

Panel de CrUX para developer.chrome.com que muestra la pantalla inicial de las Métricas web esenciales.
Ejemplo de panel de CrUX.

Descripción general del panel

Cada panel incluye tres tipos de páginas:

  1. Descripción general de las Métricas web esenciales
  2. Rendimiento de las métricas
  3. Datos demográficos de los usuarios

Cada página incluye un gráfico que muestra las distribuciones a lo largo del tiempo de cada versión mensual disponible. A medida que se lanzan nuevos conjuntos de datos, puedes actualizar el panel para obtener los datos más recientes.

Los conjuntos de datos mensuales se publican el segundo martes de cada mes. Por ejemplo, el conjunto de datos que consta de datos de experiencia del usuario del mes de mayo se publica el segundo martes de junio.

Descripción general de las Métricas web esenciales

La primera página es una descripción general del rendimiento mensual de las Métricas web esenciales del origen. Estas son las métricas de UX más importantes en las que Google te recomienda que te enfoques.

Descripción general de las Métricas web esenciales del panel de CrUX, que muestra detalles sobre la LCP, la INP y la CLS de este sitio
Descripción general de las Métricas web esenciales del panel de CrUX.

Usa la página Métricas web esenciales para comprender cómo experimentan el origen los usuarios de computadoras de escritorio y teléfonos. De forma predeterminada, se selecciona el mes más reciente en el momento en que creaste el panel. Para cambiar entre versiones mensuales más antiguas o más recientes, usa el filtro Mes que se encuentra en la parte superior de la página.

Rendimiento de las métricas

Después de la página Métricas web esenciales, encontrarás páginas independientes para todas las métricas del conjunto de datos de CrUX.

Página del panel de CrUX LCP que muestra un gráfico de barras de pila de datos de LCP buenos, que necesitan mejoras y deficientes durante 10 meses.
Página de LCP del panel de CrUX.

En la parte superior de cada página, se encuentra el filtro Device, que puedes usar para restringir los factores de forma incluidos en los datos de experiencia. Por ejemplo, puedes desglosar específicamente las experiencias en el teléfono. Este parámetro de configuración se conserva en todas las páginas.

Las visualizaciones principales de estas páginas son las distribuciones mensuales de las experiencias categorizadas como "Buena", "Debe mejorar" y "Deficiente". La leyenda codificada por colores debajo del gráfico indica el rango de experiencias incluidas en la categoría. Por ejemplo, en la captura de pantalla anterior, puedes ver que el porcentaje de experiencias "buenas" de Largest Contentful Paint (LCP) fluctúa ligeramente y empeora un poco en los últimos meses.

Los porcentajes de experiencias "buenas" y "malas" del mes más reciente se muestran sobre el gráfico, junto con un indicador de la diferencia porcentual con respecto al mes anterior. Para este origen, las experiencias de LCP "buenas" disminuyeron un 0.8%, de 83.25% a 82.45%, mes a mes, el número del p75 no tuvo ningún movimiento y se mantuvo en 1,500 mes a mes, y las experiencias de LCP "pobres" aumentaron un 3.6% (se muestran en rojo porque un aumento aquí es malo) a 7.42%. Ten en cuenta que los movimientos porcentuales son movimientos porcentuales reales, no movimientos de puntos porcentuales. Por ejemplo, de 83.93% a 83.25% es un movimiento de 0.68 puntos porcentuales, o una disminución del 0.8% del total anterior de 83.93%.

Además, para métricas como la LCP y otras métricas web esenciales que proporcionan recomendaciones explícitas de percentiles, encontrarás la métrica "P75" entre los porcentajes "buenos" y "malos". Este valor corresponde al percentil 75 de las experiencias del usuario del origen. En otras palabras, el 75% de las experiencias son mejores que este valor. Ten en cuenta que esto se aplica a la distribución general en todos los dispositivos del origen. Si activas o desactivas dispositivos específicos con el filtro Dispositivo, no se volverá a calcular el porcentaje.

Consideraciones técnicas sobre los percentiles

Ten en cuenta que las métricas de percentiles se basan en los datos del histograma de BigQuery, por lo que el nivel de detalle será bajo: 100 ms para LCP, 25 ms para INP y 0.05 para CLS. En otras palabras, un LCP del P75 de 3,800 ms indica que el verdadero percentil 75 está entre 3,800 ms y 3,900 ms.

Además, el conjunto de datos de BigQuery usa una técnica llamada "distribución de bins", en la que las densidades de las experiencias del usuario se agrupan de forma intrínseca en bins muy gruesos de granularidad decreciente. Esto nos permite incluir densidades de minutos en la cola de la distribución sin tener que exceder los cuatro dígitos de precisión. Por ejemplo, los valores de LCP inferiores a 3 segundos se agrupan en intervalos de 200 ms de ancho. Entre 3 y 10 segundos, los intervalos tienen un ancho de 500 ms. Después de 10 segundos, los intervalos tienen un ancho de 5,000 ms. En lugar de tener intervalos de anchos variables, la propagación de intervalos garantiza que todos los intervalos tengan un ancho constante de 100 ms (el máximo divisor común) y que la distribución se interpole de forma lineal en cada intervalo.

Los valores de P75 correspondientes en herramientas como PageSpeed Insights no se basan en el conjunto de datos públicos de BigQuery y pueden proporcionar valores con precisión de milisegundos.

Datos demográficos de los usuarios

En las páginas de datos demográficos de los usuarios, se incluyen dos dimensiones: dispositivos y tipos de conexión efectivos (ECT). En estas páginas, se ilustra la distribución de las vistas de página en todo el origen para los usuarios de cada segmento demográfico.

En la página de distribución de dispositivos, se muestra el desglose de los usuarios de teléfonos, computadoras de escritorio y tablets a lo largo del tiempo:

Página de dispositivos del panel de CrUX que muestra la distribución de dispositivos de teléfonos, computadoras de escritorio y tablets durante 10 meses.
Página del dispositivo del panel de CrUX.

Muchos orígenes suelen tener pocos datos de tablets o no tener ninguno, por lo que, a menudo, verás el valor "0%" en el borde del gráfico.

Del mismo modo, la página de distribución de ECT muestra el desglose de las experiencias de 4G, 3G, 2G, 2G lenta y sin conexión.

Las distribuciones de estas dimensiones se calculan con segmentos de los datos del histograma de primer procesamiento de imagen con contenido (FCP).

Preguntas frecuentes

Estas son algunas de las preguntas frecuentes sobre el conjunto de datos de CrUX de BigQuery:

¿Cuándo debería usar el panel de CrUX en lugar de otras herramientas?

El panel de CrUX se basa en los mismos datos subyacentes disponibles en BigQuery, pero no necesitas escribir una sola línea de SQL para extraer los datos y no tienes que preocuparte por exceder las cuotas gratuitas. La configuración de un panel es rápida, todas las visualizaciones se generan por ti y tienes el control para compartirlo con quien quieras.

¿Hay alguna limitación para usar el panel de CrUX?

Dado que se basa en BigQuery, el panel de CrUX también hereda todas sus limitaciones. Se limita a los datos a nivel del origen con un nivel de detalle mensual.

El panel de CrUX también sacrifica parte de la versatilidad de los datos sin procesar en BigQuery por simplicidad y conveniencia. Por ejemplo, las distribuciones de métricas solo se indican como "buenas", "necesitan mejoras" y "deficientes", a diferencia de los histogramas completos. El panel de CrUX también proporciona datos a nivel global, mientras que el conjunto de datos de BigQuery te permite acercarte a países específicos.

Cómo personalizar el panel

En la página, se detalla cómo acceder a una versión de solo lectura del panel de CrUX que mantiene el equipo de CrUX. Si quieres crear tu propia copia del panel para poder editarlo y mostrar diferentes visualizaciones, consulta esta guía del usuario para obtener más información. Ten en cuenta que, si creas tu propia copia, deberás actualizar el mes de forma manual y no podrás aprovechar las incorporaciones que se realicen al panel oficial, como métricas nuevas o cualquier otra información.