Il tachimetro misura le prestazioni del browser
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.
Ed è che Dopo sei anni dalla sua ultima uscita, viene presentato 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 il lavoro dell'utente con applicazioni web comuni.
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
Il tachimetro 3.0 è degno di nota per essere la prima suite di test delle prestazioni del browser creata insieme dai principali sviluppatori di motori di browser e ciò è stato reso possibile dallo sviluppo di una politica di test comune.
Il set di strumenti per l'esecuzione dei test è stato ampliato per considerare una varietà di operazioni del browser misurando la risposta 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 del tachimetro 3.0, È stato effettuato il passaggio all'utilizzo di nuove versioni dei framework Angular, Backbone, jQuery, Lit, Preact, React, React+Redux, Svelte e Vue. Sono stati inoltre implementati modelli di progettazione moderni per siti e applicazioni web, come l'uso di Webpack, componenti web e metodi aggiornati per lavorare con il DOM.
sono stati inclusi Test aggiuntivi per valutare le prestazioni di rendering con elemento Canvas, generazione SVG, Elaborazione CSS complessa, gestione dell'albero DOM estesi e tecniche utilizzate nella modifica dei contenuti WYSIWYG e nei siti di notizie.
Tachimetro 3.0, è progettato per valutare le prestazioni dei diversi benchmark utilizzati:
- 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.
- Modifica del testo in modalità WYSIWYG: La modifica del testo con markup WYSIWYG viene valutata utilizzando editor di codice come CodeMirror e TipTap.
- 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.
- 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.
finalmente se lo sei interessati a saperne di più, puoi controllare i dettagli nel seguente link