Tachimetro 3.0, arriva grazie al lavoro collaborativo di Mozilla, Google, Microsoft e Apple

Nonostante i grandi progressi raggiunti nello sviluppo web e tutti gli sforzi per raggiungere l’unificazione dello sviluppo web, a metà del 2024, è la data in cui i browser non sono riusciti (o hanno voluto) raggiungere uno standard comune e per nel bene e nel male, questa situazione ha anche portato ciascuno ad apportare alcune funzionalità o vantaggi implementati in quel momento in altri browser.

Parlare di misurazione delle prestazioni dei browser web non è così semplice come in altri casi, poiché in questo caso vengono esaminati diversi aspetti ed è per questo che solitamente vengono utilizzati diversi strumenti. Ma ora la situazione potrebbe prendere una piega diversa perché i pesi massimi del web hanno unito le forze.

A sei anni dalla sua ultima versione, è stato introdotto uno strumento aggiornato per valutare le prestazioni e la reattività dei browser web: Speedometer 3.0, sviluppato in collaborazione da Mozilla, Google, Microsoft e Apple, si concentra sulla stima dei ritardi simulando l'utilizzo da parte dell'utente di comuni applicazioni web.

In collaborazione con i principali motori di browser Web Blink/V8, Gecko/SpiderMonkey e WebKit/JavaScriptCore, siamo entusiasti di rilasciare Speedometer 3.0. I benchmark, come Speedometer, sono strumenti che possono aiutare i fornitori di browser a trovare opportunità per migliorare le prestazioni. Idealmente, simulano le funzionalità che gli utenti trovano sui siti Web tipici, per garantire che i browser possano ottimizzare le aree vantaggiose per gli utenti.

Informazioni sul tachimetro 3.0

Speedometer 3.0 si distingue per essere la prima suite di test delle prestazioni dei browser creata congiuntamente dai principali sviluppatori di motori di ricerca, e ciò è stato reso possibile grazie allo sviluppo di una politica di test comune.

Il set di strumenti di test è stato ampliato per considerare una varietà di operazioni del browser nella misurazione della reattività alle azioni dell'utente. Ciò include non solo il tempo di esecuzione del codice, ma anche il tempo di rendering e l'esecuzione di attività asincrone.

Sono stati sviluppati strumenti per consentire agli sviluppatori di browser di analizzare i risultati dei test, creare profili di prestazioni e regolare i parametri di test secondo necessità. Inoltre, viene fornita la possibilità di creare script complessi di avvio di test personalizzati.

Per quanto riguarda gli aggiornamenti di Speedometer 3.0, è stata completata la transizione alle versioni più recenti dei framework Angular, Backbone, jQuery, Lit, Preact, React, React+Redux, Svelte e Vue. Sono stati inoltre implementati moderni modelli di progettazione per siti web e applicazioni web, come l'utilizzo di Webpack, dei componenti web e metodi aggiornati per lavorare con il DOM.

Sono stati inclusi test aggiuntivi per valutare le prestazioni nel rendering con l'elemento Canvas, la generazione di SVG, l'elaborazione CSS complessa, la gestione di alberi DOM estesi e le tecniche utilizzate nell'editing di contenuti WYSIWYG e nei siti di notizie.

Speedometer 3.0 è progettato per valutare le prestazioni di diversi punti di riferimento utilizzati:

1. Aggiungi, completa ed elimina note in TodoMVC: Azioni come l'aggiunta, il completamento e l'eliminazione di 100 note vengono eseguite utilizzando il task manager TodoMVC. Questo viene implementato in varianti basate su diversi framework web, metodi di lavoro con DOM e versioni dello standard ECMAScript. Esempi di opzioni TodoMVC includono framework come React, Angular, Vue, jQuery, WebComponents, Backbone, Preact, Svelte e Lit, nonché opzioni che utilizzano funzionalità avanzate introdotte nelle specifiche ECMAScript 5 ed ECMAScript 6.
2. Modifica del testo in modalità WYSIWYG: La modifica del testo con markup WYSIWYG viene valutata utilizzando editor di codice come CodeMirror e TipTap.
3. Caricamento e interazione con la grafica: Viene valutato il caricamento e l'interazione con la grafica progettata utilizzando l'elemento canvas o generata in formato SVG utilizzando librerie come Observable Plot, chart.js e react-stockcharts.
4. Navigazione e interazione con i siti di notizie: La navigazione della pagina e l'interazione con il contenuto vengono simulate su tipici siti di notizie utilizzando i framework web Next.js e Nuxt.

Per quanto riguarda i risultati ottenuti superando il test suite Speedometer 3.0, su macOS Chrome è in testa con 22.6 punti, seguito da vicino da Firefox con 20.7 punti e Safari con 19.0 punti. In confronto, in Speedometer 2.1, Safari era in testa con 481 punti, seguito da Firefox con 478 punti e Chrome notevolmente dietro con 404 punti nello stesso test con gli stessi browser. Su Ubuntu 22.04, Chrome ha ottenuto 13.5 e 234 punti, mentre Firefox ha ottenuto rispettivamente 12.1 e 186 punti sulle versioni Speedometer 3.0 e 2.1.

Infine, se siete interessati ad approfondire l'argomento, potete trovare maggiori dettagli al seguente link.