En la era digital, la experiencia del usuario es esencial para determinar el éxito de una página web. Por eso, herramientas que ofrecen un panorama claro y detallado del comportamiento y las percepciones de los usuarios son vitales. Una de estas herramientas es el «Visualize Core Web Vitals History», que utiliza datos del CrUX History API para mostrar una visión más amplia y completa de las métricas esenciales del sitio web.
CrUX History API: Un vistazo al pasado
Este API proporciona acceso rápido a seis meses de datos históricos sobre la experiencia real del usuario, ya sea a nivel de página o de origen. El caso común de uso es poder consultar las métricas históricas de experiencia del usuario para un URI específico, como «Obtener las tendencias históricas de UX para el origen https://example.com». A diferencia del CrUX API diario, el History API proporciona valores en un array y las claves llevan nombres en plural, como histogramTimeseries en lugar de histogram.
El 75º Percentil: No es la única medida
Una recomendación común cuando se rastrean los Core Web Vitals es utilizar el 75º percentil como punto de referencia. En términos simples, esto significa que consideramos el valor que el 75% de los usuarios obtuvieron o superaron. Sin embargo, dado que las métricas reales de los usuarios pueden tener variables incontrolables, no es aconsejable confiar en períodos de tiempo muy cortos. Por ello, el Chrome User Experience Report (CrUX) informa basándose en periodos de 4 semanas.
A pesar de la relevancia del 75º percentil, no es el único aspecto a considerar. Es importante visualizar los cambios y mejoras realizadas en un sitio web, y aquí es donde entra el histograma.
El poder del Histograma
Con el nuevo API de historia que ofrece CrUX, no solo podemos ver cómo ha cambiado el 75º percentil con el tiempo, sino también cómo ha evolucionado el histograma. Esta herramienta presenta la distribución de usuarios en diferentes categorías: bueno, necesita mejora y pobre. Así, podemos obtener una visión más rápida y clara de los cambios realizados en el sitio.
Una herramienta gratuita para todos
El propósito detrás de la creación de la herramienta «Visualize Core Web Vitals History» fue ofrecer una manera sencilla de acceder y comprender esta valiosa información. Solo es necesario ingresar el dominio que se desea consultar y la herramienta recopila y muestra los datos, ya sea a través del 75º percentil o del histograma.
Un ejemplo real
Para ilustrar su utilidad, consideremos un sitio web que tenía problemas con CLS en su página principal debido a una imagen sin dimensiones adecuadas y a un bloque de contenido que se cargaba en un iframe. Tras implementar las soluciones sugeridas, es posible observar claramente en el histograma cómo la experiencia del usuario mejoró significativamente. Compartimos una captura de Password y otra de Stackscale.
Conclusión
La clave no está en descartar el 75º percentil, sino en comprender que no es la única métrica a considerar. Es esencial mirar más allá para obtener una visión completa de la experiencia del usuario y así tomar decisiones más informadas y efectivas para mejorar un sitio web.