Speedometer mide el rendimiento de los navegadores

A pesar de los grandes avances que se han logrado en el desarrollo web y todos esos esfuerzos por lograr la unificación del desarrollo web, en pleno 2024, es fecha en que los navegadores no han logrado (o querido) llegar a un estándar en común y para bien o para mal, esta situación también ha llevado a que cada uno haya aportado alguna característica o beneficio que en su momento se ha implementado en los demás navegadores.

El hablar de medir el rendimiento de los navegadores web no es tan sencillo como lo fuera en los otros casos, ya que en este caso se examinan diferentes aspectos y es por ello que se suelen utilizar diversas herramientas. Pero ahora esto puede tomar un rumbo diferente porque los pesos pesados de la web unieron fuerzas.

Y es que después de seis años desde su último lanzamiento, se presenta una herramienta actualizada para evaluar el rendimiento y la capacidad de respuesta de los navegadores web: Speedometer 3.0, el cual fue desarrollado en colaboración por Mozilla, Google, Microsoft y Apple, se enfoca en estimar los retrasos al simular el trabajo del usuario con aplicaciones web comunes.

En colaboración con los principales motores de navegadores web, Blink/V8, Gecko/SpiderMonkey y WebKit/JavaScriptCore, estamos entusiasmados de lanzar Speedometer 3.0 . Los puntos de referencia, como el Velocímetro, son herramientas que pueden ayudar a los proveedores de navegadores a encontrar oportunidades para mejorar el rendimiento. Idealmente, simulan la funcionalidad que los usuarios encuentran en sitios web típicos, para garantizar que los navegadores puedan optimizar áreas que son beneficiosas para los usuarios.

Sobre Speedometer 3.0

Speedometer 3.0 es notable por ser el primer paquete de pruebas de rendimiento de navegadores creado en conjunto por los principales desarrolladores de motores de navegadores y esto ha sido posible gracias al desarrollo de una política de pruebas común.

El conjunto de herramientas para ejecutar pruebas ha sido ampliado para considerar una variedad de operaciones del navegador al medir la respuesta a las acciones del usuario. Esto incluye no solo el tiempo de ejecución del código, sino también el tiempo de renderizado y la ejecución asincrónica de tareas.

Se han desarrollado herramientas para que los desarrolladores de navegadores analicen los resultados de las pruebas, creen perfiles de rendimiento y ajusten parámetros de prueba según sea necesario. Además, se ofrece la posibilidad de crear scripts de inicio de prueba personalizados y complejos.

En cuanto a las actualizaciones de Speedometer 3.0, se ha realizado la transición al uso de nuevas versiones de los frameworks Angular, Backbone, jQuery, Lit, Preact, React, React+Redux, Svelte y Vue. También se han implementado patrones de diseño modernos para sitios y aplicaciones web, como el uso de Webpack, componentes web y métodos actualizados para trabajar con el DOM.

Se han incluido pruebas adicionales para evaluar el rendimiento en el renderizado con el elemento Canvas, generación de SVG, procesamiento de CSS complejo, manejo de árboles DOM extensos y técnicas utilizadas en la edición de contenido WYSIWYG y en sitios de noticias.

Speedometer 3.0, está diseñado para evaluar el rendimiento de diferentes puntos de referencia utilizados:

1. Agregar, completar y eliminar notas en TodoMVC: Se realizan acciones como agregar, completar y eliminar 100 notas utilizando el administrador de tareas TodoMVC. Este se implementa en variantes basadas en diferentes frameworks web, métodos de trabajo con el DOM y versiones del estándar ECMAScript. Ejemplos de opciones de TodoMVC incluyen marcos como React, Angular, Vue, jQuery, WebComponents, Backbone, Preact, Svelte y Lit, así como opciones que emplean funciones avanzadas introducidas en las especificaciones ECMAScript 5 y ECMAScript 6.
2. Edición de texto en modo WYSIWYG: Se evalúa la edición de texto con marcado en modo WYSIWYG utilizando editores de código como CodeMirror y TipTap.
3. Carga e interacción con gráficos: Se evalúa la carga e interacción con gráficos diseñados usando el elemento canvas o generados en formato SVG utilizando bibliotecas como Observable Plot, chart.js y react-stockcharts.
4. Navegación e interacción con sitios de noticias: Se simula la navegación de páginas e interacción con contenido en sitios de noticias típicos que utilizan los marcos web Next.js y Nuxt.

En cuanto a los resultados obtenidos al pasar el conjunto de pruebas Speedometer 3.0, en macOS, Chrome lidera con 22.6 puntos, seguido de cerca por Firefox con 20.7 puntos y Safari con 19.0 puntos. En comparación, en Speedometer 2.1, Safari lideraba con 481 puntos, seguido por Firefox con 478 puntos y Chrome notablemente detrás con 404 puntos en la misma prueba con los mismos navegadores. En Ubuntu 22.04, Chrome obtuvo 13.5 y 234 puntos, mientras que Firefox obtuvo 12.1 y 186 puntos en las versiones 3.0 y 2.1 de Speedometer respectivamente

Finalmente si estás interesado en poder conocer más al respecto, puedes consultar los detalles en el siguiente enlace.