Capture d’écran de l’outil d’analyse comparative du navigateur web Speedometer 3.0.
En 2014, l’équipe WebKit d’Apple a publié Speedometer. Puis, en 2018, elle s’est associée à l’équipe Chrome de Google pour concevoir Speedometer 2.0. Avec ce partenariat, les deux géants technologiques avaient pour ambition de partager leurs connaissances sur les performances web afin d’aider leurs équipes à améliorer l’expérience utilisateur de leurs navigateurs respectifs.
Avec la sortie de Speedometer 3.0 ce lundi, Apple et Google ont étendu leur partenariat à Microsoft, éditeur du navigateur Edge, et Mozilla, la fondation derrière Firefox. Les quatre organisations ont sélectionné les tests et charges de travail jugées essentielles par leurs équipes pour comprendre et améliorer l’expérience de navigation.
Reproduire un scénario crédible
Un seul test ne suffit pas à simuler l’ensemble du web. C’est pourquoi cette dernière version est si importante. D’après ce qu’on peut lire sur son site, Speedometer 3.0 effectue les tests suivants : travailler avec une liste de tâches (mesurer le temps nécessaire pour ajouter, compléter et supprimer 100 éléments dans une liste basique), éditer du texte riche (charger et styliser du texte avec un WYSIWYG et des éditeurs de code), rendre des images (charger et interagir avec des visuels SVG et canvas) et lire un site web d’actualités (naviguer entre les pages et interagir avec un site web d’actualités typique).
Selon la méthodologie du test, l’objectif « est de représenter un scénario que l’on pourrait trouver sur le web. Bien que toutes les charges de travail s’efforcent d’utiliser des modèles couramment utilisés, certains détails de mise en œuvre sont spécifiques à Speedometer et ne doivent pas être utilisés comme une ligne directrice sur la façon de mettre en œuvre et de déployer une application autonome. Par exemple, en raison de contraintes au sein du test, les charges de travail ne doivent pas dépendre d’une infrastructure de serveur pour fonctionner correctement et sont construites en tant que fichiers statiques à l’avance ».
Mise en commun des connaissances
Les quatre organisations travaillent ensemble sur Speedometer 3.0 depuis plus d’un an. Brian Grinstead, un développeur de Firefox, écrit que la collaboration avec Apple et Google « concrétise la vision énoncée en décembre 2022, à savoir réunir des experts de toute l’industrie afin de repenser la manière dont nous mesurons les performances des navigateurs, guidés par l’objectif commun de refléter autant que possible le monde réel d’internet ».
« C’est la première fois que l’indice de référence Speedometer, ou tout autre indice de référence majeur pour les navigateurs, est développé dans le cadre d’une collaboration intersectorielle soutenue par chacun des principaux moteurs de navigateur : Blink, Gecko et WebKit », précise-t-il. « Travailler ensemble signifie que nous pouvons développer une compréhension commune de ce qu’il est important d’optimiser, et facilite un large examen du benchmark lui-même : ces deux éléments en font un levier plus fort pour améliorer le web dans son ensemble. »
En ce qui concerne les frameworks, Speedometer 3.0 prend en compte React, Vue, Angular, Preact, Lit, Backbone et Svelt.
Pour exécuter le test Speedometer 3.0, allez sur https://browserbench.org/Speedometer3.0, puis cliquez sur Start Test. Au fur et à mesure, vous allez voir un certain nombre de pages et des actions aléatoires. A la fin du test, Speedometer 3.0 vous présentera un score.
Lors de mes tests, Opera sur Pop!_OS Linux a obtenu un score de 22,1, Firefox un score de 25,1 et Edge un score de 21,2. Sur MacOS, Safari a obtenu un score de 13,5.
Ces scores ne doivent pas vous induire en erreur. Cliquez sur Détails pour obtenir plus d’informations sur les résultats des tests de votre navigateur. Vous y verrez des scores bien plus élevés, comme celui d’Opera sur Linux :
TodoMVC-JavaScript-ES5 55.17 ± 7.94 (14.4%) msTodoMVC-JavaScript-ES6-Webpack-Complex-DOM 77.60 ± 8.51 (11.0%) msTodoMVC-WebComponents 15.86 ± 2.95 (18.6%) msTodoMVC-React-Complex-DOM 43.20 ± 3.04 (7.0%) msTodoMVC-React-Redux 39.86 ± 1.39 (3.5%) msTodoMVC-Backbone 27.43 ± 1.06 (3.9%) msTodoMVC-Angular-Complex-DOM 42.63 ± 3.86 (9.1%) msTodoMVC-Vue 22.90 ± 1.21 (5.3%) msTodoMVC-jQuery 171.16 ± 21.28 (12.4%) msTodoMVC-Preact-Complex-DOM 16.18 ± 0.57 (3.5%) msSource : ZDNet.com