Speedometer mesura el rendiment dels navegadors
Tot i els grans avenços que s'han aconseguit en el desenvolupament web i tots aquests esforços per aconseguir la unificació del desenvolupament web, en ple 2024, és data en què els navegadors no han aconseguit (o volgut) arribar a un estàndard en comú i per bé o per mal, aquesta situació també ha fet que cadascú hagi aportat alguna característica o benefici que en el seu moment s'ha implementat als altres navegadors.
Parlar de mesurar el rendiment dels navegadors web no és tan senzill com ho fos en els altres casos, ja que en aquest cas s'examinen diferents aspectes i és per això que se solen utilitzar diverses eines. Però ara això pot agafar un rumb diferent perquè els pesos pesants de la web van unir forces.
I és que després de sis anys des del seu darrer llançament, es presenta una eina actualitzada per avaluar el rendiment i la capacitat de resposta dels navegadors web: Speedometer 3.0, el qual va ser desenvolupat en col·laboració per Mozilla, Google, Microsoft i Apple, senfoca a estimar els retards en simular el treball de lusuari amb aplicacions web comunes.
En col·laboració amb els principals motors de navegadors web, Blink/V8, Gecko/SpiderMonkey i WebKit/JavaScriptCore, estem entusiasmats de llançar Speedometer 3.0. Els punts de referència, com ara el Velocímetre, són eines que poden ajudar els proveïdors de navegadors a trobar oportunitats per millorar el rendiment. Idealment, simulen la funcionalitat que els usuaris troben a llocs web típics, per garantir que els navegadors puguin optimitzar àrees que són beneficioses per als usuaris.
Sobre Speedometer 3.0
Speedometer 3.0 ca notable per ser el primer paquet de proves de rendiment de navegadors creat en conjunt pels principals desenvolupadors de motors de navegadors i això ha estat possible gràcies al desenvolupament duna política de proves comuna.
El conjunt d'eines per executar proves ha estat ampliat per considerar una varietat d'operacions del navegador en mesurar la resposta a les accions de lusuari. Això no només inclou el temps d'execució del codi, sinó també el temps de renderització i l'execució asincrònica de tasques.
S'han desenvolupat eines perquè els desenvolupadors de navegadors analitzin els resultats de les proves, creïn perfils de rendiment i ajustin paràmetres de prova segons calgui. A més, s'ofereix la possibilitat de crear scripts d'inici de prova personalitzats i complexos.
Pel que fa a les actualitzacions de Speedometer 3.0, s'ha fet la transició a l'ús de noves versions dels frameworks Angular, Backbone, jQuery, Lit, Preact, React, React+Redux, Svelte i Vue. També s'han implementat patrons de disseny moderns per a llocs i aplicacions web, com ara l'ús de Webpack, components web i mètodes actualitzats per treballar amb el DOM.
S'hi han inclòs proves addicionals per avaluar el rendiment en el renderitzat amb l'element Canvas, generació de SVG, processament de CSS complex, maneig d'arbres DOM extensos i tècniques utilitzades a l'edició de contingut WYSIWYG i en llocs de notícies.
Speedometer 3.0, està dissenyat per avaluar el rendiment de diferents punts de referència utilitzats:
- Afegir, completar i eliminar notes a TodoMVC: Es fan accions com afegir, completar i eliminar 100 notes utilitzant l'administrador de tasques TodoMVC. Aquest s'implementa en variants basades en diferents frameworks web, mètodes de treball amb DOM i versions de l'estàndard ECMAScript. Exemples d'opcions de TodoMVC inclouen marcs com React, Angular, Vue, jQuery, WebComponents, Backbone, Preact, Svelte i Lit, així com opcions que utilitzen funcions avançades introduïdes a les especificacions ECMAScript 5 i ECMAScript 6.
- Edició de text en mode WYSIWYG: S'avalua l'edició de text amb marcatge en mode WYSIWYG utilitzant editors de codi com CodeMirror i TipTap.
- Càrrega i interacció amb gràfics: S'avalua la càrrega i la interacció amb gràfics dissenyats usant l'element canvas o generats en format SVG utilitzant biblioteques com Observable Plot, chart.js i react-stockcharts.
- Navegació i interacció amb llocs de notícies: Se simula la navegació de pàgines i la interacció amb contingut en llocs de notícies típics que utilitzen els marcs web Next.js i Nuxt.
Pel que fa als resultats obtinguts en passar el conjunt de proves Speedometer 3.0, a macOS, Chrome lidera amb 22.6 punts, seguit de prop per Firefox amb 20.7 punts i Safari amb 19.0 punts. En comparació, a Speedometer 2.1, Safari liderava amb 481 punts, seguit per Firefox amb 478 punts i Chrome notablement darrere amb 404 punts a la mateixa prova amb els mateixos navegadors. A Ubuntu 22.04, Chrome va obtenir 13.5 i 234 punts, mentre que Firefox va obtenir 12.1 i 186 punts a les versions 3.0 i 2.1 de Speedometer respectivament
Finalment si estàs interessat a poder conèixer més sobre això, pots consultar els detalls en el següent enllaç.