Core/Dash Histogramas

Entender la experiencia de usuario con histogramas

Las puntuaciones promedio de rendimiento son engañosas. Ocultan la realidad de la experiencia de usuario. Si un usuario carga tu sitio en 1 segundo y otro lo carga en 9 segundos, el promedio es de 5 segundos. Este número no representa a ninguno de los dos. Un histograma revela la verdad al visualizar la distribución completa de los tiempos de carga.

Este gráfico te lleva de una sola métrica a una imagen completa. Expone los valores atípicos, la cola larga y los grupos específicos de usuarios que tienen una mala experiencia.

Qué revela un histograma

Un histograma agrupa tus datos de rendimiento en intervalos para mostrar la frecuencia.

• Eje X (intervalos): Rangos de puntuaciones de rendimiento (por ejemplo, 0-1s, 1-2,5s).
• Eje Y (volumen): La cantidad de páginas vistas que caen en cada intervalo. La altura de la barra indica qué tan común es esa experiencia.
• Percentiles (p75, p90, p99): Estos marcadores muestran dónde se ubica la mayoría de tus usuarios. La línea p75 indica que el 75% de tu tráfico es más rápido que este punto.

Cómo diagnosticar problemas con un histograma

Un histograma saludable tiene una gran concentración de usuarios en los intervalos rápidos de la izquierda y una caída corta y pronunciada. Cualquier otra forma es una señal de alerta que exige investigación.

1. La cola larga: Busca un gráfico que se extienda mucho hacia la derecha con barras bajas. Esto representa una "cola larga" de usuarios con un rendimiento muy deficiente. A menudo son usuarios en dispositivos antiguos o redes lentas. Minimizar esta cola mejora tus puntuaciones p95 y p99.
   
   Solución: Concéntrate en optimizar para entornos limitados reduciendo la ejecución de JavaScript y el tamaño de los recursos.
   
   
2. Distribución bimodal (el doble pico) Busca dos picos distintos en el gráfico. Esto indica dos experiencias de usuario diferentes. A menudo se debe a un problema de segmentación, como móvil vs. escritorio o páginas en caché frente a páginas sin caché.
   
   Solución: Usa los Filtros para aislar la variable.  Filtra por tipo de dispositivo, estado de inicio de sesión, país, etc., hasta que encuentres la dimensión que hace desaparecer uno de los picos. Acabas de encontrar la causa raíz del problema para toda una cohorte de usuarios.

Optimizar Core Web Vitals

El histograma te obliga a confrontar la realidad de tus usuarios más lentos. Analizar la distribución es la clave para pasar de una optimización general a mejoras quirúrgicas que eleven tus puntuaciones p75 e impulsen los resultados de negocio.