Tester 4.0: nueva versión del «Resumen», nuevas Métricas, nuevos gráficos (y mucho más)

Es un placer presentaros la versión 4.0 del tester de velocidad, en la que hemos estado trabajando durante los últimos meses.

Hemos preparado tantas novedades que no cabrían en un solo texto, por lo que iniciamos esta serie para mostrar y explicar todo poco a poco.

Nueva versión del Resumen#

La página inicial del test, conocida como el «Resumen», aunque visualmente atractiva, había dejado de cumplir su función como resumen principal de toda la información sobre la velocidad web a medida que evolucionaban las características del tester.

La nueva versión del reporte «Resumen» trae varias novedades, vamos a echarles un vistazo.

Visualización de datos importantes en formato tabular#

Para cada dominio y URL probada, mostramos los datos de velocidad disponibles en una tabla clara, que ha sido muy bien recibida por muchos de nuestros usuarios:

Datos de todas las métricas esenciales para los dominios de Dr. Max en un formato claro.

Como puedes ver en la imagen, ahora mostramos más métricas, todas aquellas que forman parte de Web Vitals o son métricas auxiliares para ellas y que Google ofrece en el Chrome UX Report.

Recientemente, hemos añadido las métricas INP, FCP y TTFB, además de ordenar los indicadores según el orden en que aparecen durante la carga de la página.

Esto será útil para una comparación inmediata de la velocidad de tus sitios web o para compararlos con la competencia.

En la imagen anterior, podemos ver, por ejemplo, las deficiencias en la nueva métrica INP y preguntarnos por qué el dominio polaco tiene valores tan bajos en comparación con los demás.

Cambios de métricas claramente visibles en el «Resumen»#

Nuestros usuarios han apreciado las flechas en el panel de control que indican el desarrollo del estado de la métrica en comparación con el estado del mes anterior.

Esto ahora también está disponible directamente en el informe Resumen:

Puedes ver de inmediato qué empeora y qué mejora.

Si sigues regularmente la velocidad del sitio web, esta vista te permitirá ver rápidamente cuál es la situación, qué está cambiando y a qué prestar atención.

Podrás obtener una visión detallada de los datos en informes específicos, como «Páginas», «Dominios», y otros.

Nuevos gráficos#

Lo primero que quizás notes en la nueva versión es el nuevo aspecto de los gráficos:

Nuevos gráficos.

¿Qué ha cambiado?

• Hemos añadido una navegación multifuncional encima de los gráficos, que también sirve como leyenda y te ayuda a orientarte.
• Utilizamos una nueva biblioteca de gráficos en el fondo, que se adapta mejor a nuestros objetivos.
• Las líneas de los gráficos son más redondeadas, más agradables a la vista.

Echemos un vistazo más de cerca a la mencionada navegación multifuncional. Es toda una sorpresa.

Al pasar el ratón sobre un elemento específico, resaltarás la línea del gráfico correspondiente a esa página:

Resaltado de una línea específica en el gráfico. Aquí algo está empeorando ligeramente y es TBT.

El resaltado también te mostrará la línea con la tendencia, ya que a menudo sucede que el gráfico por sí solo no muestra fácilmente la tendencia de mejora o empeoramiento al ojo humano.

Otro cambio ocurre al hacer clic:

Haz clic para ver solo una línea, aquí para la página de tipo Category.

Esta vista filtra realmente solo una página (o dominio) en el gráfico, permitiéndote concentrarte mejor en su evolución.

Verás otra novedad cuando hagas clic en un punto del gráfico. Obtendrás una lista de todas las pruebas y valores de Métricas que calcularon esa prueba. Puede verse algo así:

Capa con las pruebas realizadas y los valores de la métrica.

Al hacer clic en el tiempo de la prueba, te llevará al resultado de la ejecución del test.

Los nuevos gráficos son un cambio discreto pero muy importante para la cuarta versión del tester de velocidad.

Echa un vistazo al video donde verás todas las novedades en un solo lugar:

Otras novedades en la versión 4#

Hemos estado trabajando en la cuarta versión del tester durante varios meses, por lo que, naturalmente, hemos añadido una enorme cantidad de novedades. Enumero algunas de ellas brevemente:

Aceleración de la interfaz de usuario#

Almacenamos en bases de datos y mostramos al usuario una gran cantidad de datos sobre más de 24 mil dominios y 44 mil URLs.

Durante el desarrollo de la versión 4 del tester, recurrimos a diversas optimizaciones para mostrar la interfaz de usuario más rápidamente. La interfaz de la mayoría de los tests es ahora significativamente más rápida en la versión 4 que en la anterior.

Cambios en la interfaz de usuario#

Algunos de estos cambios seguramente los notarás:

• Hemos ajustado y simplificado la navegación principal del test, así como la parte del usuario.
• Cada estado del informe ahora tiene su propia URL, para que puedas enviárselo a alguien más sin problemas.
• Simplificamos los elementos de navegación para que se vea más contenido.
• Cada gráfico de métrica tiene su ancla, lo que permite acceder directamente a él.

Hay muchas novedades, pero aún no es todo. Espera a ver lo que presentaremos en las próximas semanas.

Por supuesto, hemos probado a fondo el tester de la cuarta versión, pero algún error puede haberse colado. Escríbenos un correo a info@pagespeed.cz o en el chat directamente en la aplicación si encuentras algo.

¡Os deseamos webs rápidas!