Chrome UX Report: datos de velocidad de usuarios reales de Google de la A a la Z

Chrome UX Report (CrUX) es un conjunto de datos públicos proporcionado por Google, que recopila y analiza de forma anónima datos sobre la experiencia real del usuario al navegar por la web con el navegador Chrome.

Chrome UX Report de Google.

Chrome UX Report se centra en métricas importantes como la velocidad de carga, la interactividad y la estabilidad del contenido. Esto proporciona información valiosa sobre el rendimiento de las páginas web en condiciones reales.

Además de las métricas básicas Core Web Vitals (LCP, INP, CLS), CrUX hoy en día ofrece datos ampliados que hemos añadido recientemente al informe de Dominio en nuestro monitoreo. Estos datos le ofrecen una visión más profunda de cómo se comporta su sitio web en condiciones reales. Aquí encontrará una segmentación de usuarios por dispositivo, proporciones de diferentes métodos de carga de páginas o detalles sobre lo que ralentiza las imágenes en LCP.

CrUX vs. RUM y sintético#

CrUX no es la única manera de medir la velocidad para usuarios reales. Las diferencias entre los tipos de medición, sus fortalezas y debilidades, y la combinación recomendada se detallan en el artículo sintético vs. CrUX vs. RUM.

Sin embargo, Chrome UX Report es una autoridad en SEO y PPC. Google recopila los datos, los utiliza como señal en la búsqueda y para el Quality Score de Google Ads.

¿Cómo se miden los datos en el Chrome UX Report?#

CrUX obtiene datos directamente del navegador Chrome de usuarios que no han optado por no compartir datos de uso web. El dominio y las URL deben tener suficiente tráfico para que se muestren los datos de CrUX. Los datos se agregan a nivel de página y dominio, y también contienen información adicional sobre la velocidad de conexión, región, etc.

Esto convierte a los datos de CrUX en la única fuente de velocidad web oficialmente reportada que afecta su posicionamiento y el costo de la publicidad. Pero incluso CrUX tiene sus limitaciones, que deben considerarse en la práctica:

• Promedio móvil de 28 días
  Los impactos de los cambios técnicos se reflejan en los valores de CrUX con un retraso de varias semanas. CrUX no le dirá "desde hoy, INP es mejor"; mostrará solo una inclinación gradual de la curva.
• Segmentación de dispositivos
  Los datos se recopilan por separado para móviles, tabletas y computadoras de escritorio. El perfil del usuario promedio varía significativamente entre ellos.
• Umbral de visibilidad
  Para que el dominio o una URL específica tengan datos en CrUX, deben tener suficiente tráfico (aproximadamente 10-15 mil vistas al mes).
• SPA vs. MPA
  En las aplicaciones de una sola página (SPA), CLS y INP se miden acumulativamente para toda la sesión, no solo para la primera carga. Los valores de CrUX tienden a ser peores en SPA que en las aplicaciones multipágina clásicas (MPA), incluso si la "velocidad" es subjetivamente similar. Los detalles y el modo de medición en Chrome se discuten más en la página web.dev sobre SPA y Web Vitals.

Para depurar un problema específico, los datos de CrUX no son suficientes. Use sintético o en casos más avanzados medición RUM de todos los usuarios.

En PageSpeed.ONE, Chrome UX Report se utiliza como métricas autoritativas para la toma de decisiones empresariales (efecto SEO, priorización) y como marco de referencia al que se comparan los resultados sintéticos y de RUM.

¿Por qué son importantes los datos del Chrome UX Report y dónde se utilizan exactamente?#

CrUX es una fuente crucial para desarrolladores, expertos en SEO y mercadólogos digitales, ya que ofrece una perspectiva sobre los datos de usuarios reales. En nuestra experiencia, el impacto de la velocidad se ha observado más comúnmente en:

• SEO
  Google incluye las métricas de experiencia del usuario Core Web Vitals en la evaluación de páginas web en los resultados de búsqueda. Un mejor rendimiento puede llevar a una mejor posición en los resultados de búsqueda.
• Evaluación de campañas PPC
  La velocidad de las páginas web afecta la tasa de rebote y la efectividad general de las campañas PPC. Además, la velocidad puede influir en el costo de la publicidad en Google Ads.
• Medición de velocidad (UX) CrUX proporciona datos reales sobre la velocidad de carga de las páginas, lo que permite a los desarrolladores mejorar la experiencia del usuario. Analizando estos datos y realizando optimizaciones, se puede lograr una aceleración del sitio web, lo que conduce a una mayor satisfacción del usuario. También puede comparar fácilmente su sitio web con la competencia.

¿Qué métricas contiene el conjunto de datos? #

Google recopila datos por separado para móviles, tabletas y computadoras de escritorio. CrUX contiene información sobre las métricas Core Web Vitals, que incluyen estas métricas básicas:

• Largest Contentful Paint (LCP)
• Interaction to Next Paint (INP)
• Cumulative Layout Shift (CLS)

Métricas Core Web Vitals: las más fundamentales de todas las métricas de velocidad web.

A continuación, analizamos otros valores disponibles en el conjunto de datos.

Origen vs. URL: granularidad de datos#

Chrome UX Report tiene datos para dos niveles de páginas. La diferencia es importante para una correcta interpretación:

• Origen (por ejemplo, https://www.example.com) devuelve datos agregados en toda la fuente, incluyendo todos los subrutas y localizaciones (/en-us, /fr, /producto/…). El origen proporciona una visión transversal de todo el dominio.
• URL (por ejemplo, https://www.example.com/en-us) devuelve datos solo para esta URL específica. No incluye subpáginas (/en-us/producto/abc).

Para agrupar URLs por patrón, use Google Search Console, que trabaja con su propia división de grupos de URLs. Cómo leer sus informes de velocidad lo muestra la guía Google Search Console y Core Web Vitals.

En la práctica, también encontrará situaciones donde faltan datos de CrUX. Típicamente por tres razones:

1. Tráfico insuficiente
   Sin ~10-15 mil PV por mes, no habrá datos en CrUX. Ya sea para todo el dominio o para una URL específica.
2. noindex en la página de inicio
   Si la página de inicio está marcada noindex, CrUX no reportará datos del origen.
3. Redirección desde la página raíz
   Si la raíz redirige automáticamente a una subpágina (por ejemplo, dominio.com a dominio.com/bienvenido) y la raíz original tiene noindex, CrUX seguirá el noindex original y puede no seguir la redirección. Resultado: los datos de origen desaparecen, incluso si el propio /bienvenido está perfectamente bien.

Métricas avanzadas y tipos de navegación#

Actualmente, CrUX ofrece más que solo tres métricas Core Web Vitals. De los datos avanzados, utilizamos principalmente estos:

• RTT (Tiempo de ida y vuelta) separa el impacto del backend del impacto de la red. Si tiene un alto valor de RTT pero un TTFB razonable, la conexión del usuario al servidor está frenando y tiene sentido considerar un CDN.
• Subpartes de imagen LCP muestran en qué parte de la imagen LCP se pierde tiempo. Descomponiendo en retraso del servidor, tiempo de descarga y renderizado, puede identificar fácilmente si ayudaría un mejor backend, una imagen más pequeña o fetchpriority.
• Tipo de recurso LCP distingue si el LCP es una imagen o texto/fuente web. Esto decide dónde dirigir la optimización. Ya sea preload de imagen o preload de fuente crítica.
• Tipos de navegación muestran la proporción de diferentes tipos de navegación. El aumento en la proporción de BFcache y prerender con Speculation Rules desplaza los valores de LCP e INP hacia cero, ya que las navegaciones "instantáneas" se cuentan en CrUX como rápidas.

La evolución de la proporción de tipos de navegación nos permite ver la proporción de navegaciones rápidas o instantáneas.

En la práctica de PageSpeed.ONE, hemos implementado Speculation Rules en Innogy, donde el creciente porcentaje de navegaciones instantáneas mejora significativamente los valores para toda la dominación. La receta para mantener la métrica INP bajo control se encuentra en optimización INP.

Retraso de datos en CrUX#

Los datos en Chrome UX Report no son en tiempo real. Los datos llegan a CrUX con un retraso de hasta un mes desde el final del período reportado, según el conjunto de datos:

• Conjunto de datos mensual (CrUX BigQuery) se publica en un día fijo (por ejemplo, el segundo martes del mes) y contiene datos del mes calendario anterior.
• CrUX Daily es más actual. Hoy verá los datos de ayer. Pero usa una ventana de tiempo móvil de 28 días.

Histograma de distribución de valores métricos#

El valor del percentil 75 de una métrica (por ejemplo, 2,1 s para LCP) y tres categorías de color (parte de los usuarios para los que la métrica es adecuada, necesita mejorar, no adecuada) son en realidad solo un resumen del panorama general de la velocidad para los usuarios.

El histograma va un nivel más allá. Muestra qué parte de los usuarios (o más precisamente, las vistas de página) tuvo un valor específico de la métrica en el último mes. Muestra cuántos usuarios experimentaron la métrica en un valor dado.

Es una visión avanzada. Tiene sentido para usted cuando sabe leer percentiles, la forma de la distribución y piensa en la optimización de la velocidad a nivel de segmentos de usuarios, no solo a nivel de un solo número. Para el monitoreo diario, basta con el estado de las métricas y la evolución en el tiempo; el histograma es un detalle de diagnóstico.

Histograma en el informe de Dominio de PageSpeed.ONE.

¿Dónde puede encontrar el histograma CrUX?#

En PageSpeed.ONE encontrará el histograma en el informe de Dominio. El mismo tipo de vista (distribución de valores de CrUX) también se encuentra en otras herramientas como Treo o en el conjunto de datos fuente para Chrome UX Report.

¿Por qué seguir el histograma?#

El percentil 75 es un solo número. El histograma muestra si la masa de usuarios está justo por debajo del umbral, si el percentil 75 en verde oculta una gran masa naranja o roja, o si el problema lo causa solo una delgada "cola" de vistas extremadamente lentas. Sin conocer la forma de la distribución, es fácil optimizar el segmento equivocado.

¿Cómo leer la forma del histograma CrUX?#

El histograma muestra el último mes de datos CrUX sin un cambio de período. No es una comparación "antes y después" en este gráfico: para eso están los desarrollos diarios y mensuales. En una sola instantánea, puede leer:

• Cerca del umbral vs. profundamente en el rojo – la mayoría de los valores "malos" justo detrás del límite a menudo significa que solo se necesita una intervención menor; la masa lejos en la banda roja es más bien la estructura del sitio o las plantillas.
• Varios picos – típicamente diferentes segmentos (caché vs. sin caché, diferentes plantillas, diferencias geográficas). En TTFB, la distribución doble clásica se describe en optimización de backend.
• Cola derecha delgada – unas pocas vistas catastróficas vs. desplazamiento de toda la masa a la derecha (problema en todo el sitio).
• Métrica por métrica – en LCP, preste atención a un posible segundo pico; en INP, una larga cola de interacciones pesadas; en CLS, un pico en cero y una cola delgada vs. desplazamiento de toda la distribución.
• Comparación de dominios – mismo percentil 75 y forma diferente = diferente prioridad de optimización (mayoría lenta vs. mayoría bien y algunas catastróficas).

Relación del histograma con el puntaje PageSpeed.ONE#

El puntaje PageSpeed.ONE (SPS) ya considera toda la distribución de usuarios, no solo el percentil 75. El histograma es un desglose visual por métricas individuales: usted ve la forma de la que se derivan el SPS (y Google).

¿Dónde se pueden encontrar los datos del Chrome UX Report?#

Varias herramientas trabajan con datos de CrUX. Se diferencian en actualidad, soporte de métricas y claridad. En la práctica, recomendamos comenzar con nuestra herramienta para prueba de velocidad web (Insights). Obtendrá una interfaz de usuario clara, el puntaje PageSpeed.ONE (SPS) como un solo número resumen, la evolución de los datos de CrUX en el tiempo y la conexión de datos sintéticos y de CrUX en un solo panel:

Otras opciones para obtener datos de CrUX incluyen:

• CrUX Vis es una herramienta experimental de Google para la visualización de CrUX. Es adecuada principalmente para especialistas que buscan flexibilidad a expensas de la claridad.
• PageSpeed Insights de Google muestra los datos, pero no proporciona evolución en el tiempo. Para una verificación puntual, está bien, pero no para el monitoreo de la evolución.
• Google BigQuery ofrece el conjunto de datos en bruto para análisis avanzado usando SQL. También existe una API de Historia CrUX que devuelve datos semanales y es más rápida que las consultas BigQuery ad-hoc.

¿Cómo utilizamos los datos de CrUX en el monitoreo de PageSpeed.ONE?#

Los informes de datos de CrUX del monitoreo PLUS de PageSpeed.ONE muestran, por ejemplo, el estado de las métricas en el panel y la evolución de los valores en los dominios:

Evolución de la velocidad según datos de CrUX en el monitoreo de velocidad de PageSpeed.ONE.

El seguimiento de los datos de CrUX es muy importante para todos los sitios web que tienen estos datos. En nuestro informe de Dominio encontrará, entre otras cosas:

• Métricas Core Web Vitals (LCP, INP, CLS).
• Otras métricas de velocidad (FCP, TTFB, RTT).
• Histograma de distribución de valores métricos – una visión detallada de la densidad de los valores del último mes.
• Segmentación de usuarios por tipo de dispositivo (móvil, tableta, computadora de escritorio).
• Segmentación de métodos de carga de páginas (navegar, recargar, bfcache, prerender…).
• Tipo de recurso para la métrica LCP (imagen vs. texto).
• Razones del retraso de imágenes que son el elemento LCP,
• Evolución de estos datos por días y meses.

Esta información en conjunto forma una imagen de cómo sus usuarios realmente experimentan la velocidad del sitio web y dónde hay espacio para mejorar. Si desea seguir un solo número resumen en lugar de métricas individuales, le recomendamos el puntaje PageSpeed.ONE (SPS), que se basa en datos de CrUX y considera toda la distribución de usuarios, no solo el percentil 75.