Speedometer 3 mesure enfin les performances des navigateurs web

Nicolas Furno |

La troisième version de Speedometer est enfin disponible, après une bonne année et demi d’attente. Cette mise à jour de l’outil créé par Apple et chargé de mesurer les performances des navigateurs web a été annoncée fin 2022 et si elle ne sort que maintenant, c’est peut-être parce que la firme de Cupertino n’est plus la seule derrière. En effet, Google et Mozilla ont rejoint l’initiative pour créer l’outil de mesures ultime, celui qui convient aux trois acteurs qui conçoivent encore leur propre moteur de rendu web.

De quoi couper court aux critiques qui pourraient penser que Safari serait nécessairement privilégié. Même si Speedometer 3.0 conserve le navigateur d’Apple en tête, d’une courte tête par rapport à Chrome dans mes tests, mais tout de même. J’ai effectué le test sur mon Mac Studio (génération M1, modèle de base) sur les trois dernières versions en cours de Safari, Chrome et Firefox. Si les trois sont dans un mouchoir de poche autour des 20 points, le premier atteint bel et bien la première marche du podium dans ce comparatif pas tellement scientifique.

Résultats pour Safari 17.4. Image MacGeneration.
Résultats pour Chrome 122. Image MacGeneration.
Résultats pour Firefox 123. Image MacGeneration.

La nouvelle version de Speedometer est présentée sur le blog du projet Webkit, où il est rappelé que l’outil est né en 2014 au sein de l’équipe qui développe le moteur de rendu d’Apple. En 2018, Google avait participé à l’élaboration de la version 2.0, alors que l’outil gagnait en popularité. Avec la version 3.0, le développement ne s’est plus fait au sein de WebKit et c’est un véritable travail ouvert dans l’esprit de l’open source qui a présidé à son développement. Le code source est toujours distribué sur GitHub et n’importe qui peut y contribuer en suggérant des améliorations ou même en soumettant des modifications.

Sous le capot, Speedometer tente toujours de simuler aussi fidèlement que possible une navigation web moderne, en reposant sur une grosse dose de JavaScript. Ses composants ont été réécrits pour tenir compte des dernières avancées dans le domaine et le score a été revu pour placer les versions actuelles des trois gros navigateurs autour des 20 points. De quoi laisser une marge de manœuvre pour améliorer Safari, Chrome, Firefox et tous les autres et ne pas exploser le compteur virtuel trop rapidement.

Les évolutions ne s’arrêteront pas là, Speedometer devrait régulièrement être mis à jour pour tenir compte des changements sur la toile. En particulier, les frameworks JS testés pendant la mesure pourront évoluer selon leur popularité. La version 3.0 ajoute notamment Next.js et Nuxt, deux frameworks que l’on connaît bien chez MacGeneration et que l’on va connaître de mieux en mieux. #spoilerAlert

Pour son quatrième anniversaire, le Club iGen s’offre un petit lifting et inaugure iGen Connect

Pour son quatrième anniversaire, le Club iGen s’offre un petit lifting et inaugure iGen Connect

avatar grezg | 

Quid de Edge qui est le navigateur au top de mon côté en terme de fonctionnalités ?

avatar benspx | 

@grezg

Edge utilise le moteur de rendu de Chrome (Blink), comme la quasi totalité des navigateurs, à l’exception de Firefox (Gecko) et Safari (Webkit).

Le score de Edge devrait en toute logique être similaire à celui de Chrome.

avatar Derw | 

@benspx

En théorie oui. Dans la pratique cela peut être un peu différent (chaque navigateur fait « des trucs » par dessus ce que fait le moteur), mais c’est probablement sans grandes conséquences sur les perfs…

avatar benspx | 

@Derw

Je suis d’accord (je suis allé au plus simple dans ma réponse); mais les différences se joueront à la marge…

avatar dorninem | 

@grezg

En effet j'utilise que Edge sur pc Windows, sur Macos et un peu sur iOS.
Plein de fonctionnalités top et au moins pas de mouchard Google 👍

avatar Derw | 

@dorninem

Ba non ! Puisque c’est ceux de Microsoft…

avatar dorninem | 

@Derw

Peut-être mais au moins pas l'ogre Google dont je n'utilise aucun produit du tout 😎

avatar fte | 

@Derw

"Ba non ! Puisque c’est ceux de Microsoft…"

Le business model de Microsoft, comme Apple, n’est pas de créer des simulations de nous pour vendre de la publicité ciblée. En ce sens, les mouchards de Microsoft et Apple m’apparaissent moins directement révulsants que ceux de Google.

Considérant les postures de ces deux entreprises depuis une décennie (plus, mais passons, ma référence est mon switch), les trackers de Microsoft m’apparaissent okay-ish alors que ceux d’Apple sont ceux de foutus hypocrites de première.

avatar Moebius13 | 

@grezg

Effectivement ! Je trouve qu’Edge est un excellent navigateur et sur mon PC c’est celui que j’utilise par défaut, je le trouve bien meilleur que chrome, plus épuré, moins intrusif et plus agréable à l’usage (et surtout moins gourmand).

Microsoft a fait de gros efforts pour mettre Edge au niveau et je trouve que malheureusement on ne rend pas assez justice à ce navigateur.

L’immense majorité se dirige vers chrome sans même se poser de questions alors que c’est un navigateur très critiquable.

avatar Mrleblanc101 | 

@grezg

Edge n'est que Chrome avec plus de fonctions inutiles... Aucune différence donc en terme de rendu

avatar dorninem | 

@Mrleblanc101

Moins de mouchards et en tout cas pas ceux de Google qui a la fin mettent en avant des pub de daube...
Pleins de fonctionnalités top comme les collections, les partages de navigation, les annotations...

avatar Mrleblanc101 | 

@dorninem

Imagine croire que Microsoft pompe moins tes données que Google 😂 Edge avec MSN actualités intégré tu crois vraiment qu'il n'utilisent pas ton historique pour des publicité ciblé ? Ou qu'ils n'analyse pas tes habitude d'achat avec leur extension de coupon rabais ? Chaque fois que j'ouvre Edge accidentellement ils essayent avec des Dark pattern de remettre mon moteur de recherche par défaut à Bing... Le navigateur est plein de merde comme la sidebar avec des liens vers Office Online ou MSN jeux, comme si j'avais besoin d'un lien pour jouer à solitaire plein de publicité dans mon navigateur

avatar Artefact3000 | 

Étrangement, il m’arrive fréquemment d’avoir des bogues avec Safari sur Facebook. Par exemple, il prétend arriver au bout du fil d’actualités, alors que sur Chrome c’est infini. Ou encore quand je poste un truc et que Safari se met à avoir le hoquet. Je dois rafraîchir la page de Facebook. Bon, là je parle de Facebook, mais y a bien des sites qui fonctionnent mieux sous Chrome ou Firefox. Vous êtes chanceux les Européens. Vous allez pouvoir goûter à autre chose que Safari sur iOS.

avatar Derw | 

@Artefact3000

Il ne faut pas se tromper de coupable. La plupart du temps, si un site foire sur un navigateur (Safari ou Firefox) c’est de la faute du site, pas du navigateur…

avatar Artefact3000 | 

@Derw

L’utilisateur ne cherche pas des coupables mais des solutions.

avatar bouh | 

@Artefact3000
Ça tombe bien, il t’a donné la solution: ne plus aller sur ce site de m.. qui, en plus, bug 😁

avatar fte | 

@bouh

Quand ce site est celui de l’administration fiscale, tu fait quoi ?

Ou celui du centre de soin pour prendre un rendez-vous pour ton cancer ?

avatar fte | 

@Derw

"Il ne faut pas se tromper de coupable. La plupart du temps, si un site foire sur un navigateur (Safari ou Firefox) c’est de la faute du site, pas du navigateur…"

Ce n’est que partiellement vrai.

La majorité des disfonctionnements ne concernent pas tous les navigateurs. Cela fonctionne sur certains et pas d’autres la plupart du temps.

Dans ce cas de figure, on peut tracer trois hypothèses.

- le site a en effet un bug qui est masqué par certains navigateurs plus tolérants et flexibles, mais je doute que ce soit la majorité des cas. La faute est effectivement celle du site.

- le site est développé et testé avec les navigateurs essentiels (Chromium et Firefox), possiblement exploitant une spécificité non standard de ces navigateurs (ou de l’un d’eux) ou calqué sur un bug de ces navigateurs. C’est de moins en moins fréquent cependant, avec l’amélioration de l’implémentation des standards. La faute est partagée entre site et navigateur, pour utiliser une spécificité non standard d’un côté sans alternative et pour proposer une fonctionnalité non standard de l’autre.

- le site est développé et testé avec les navigateurs essentiels (Chromium et Firefox), conforme et standard. C’est très probablement le cas le plus fréquent. La faute est exclusivement sur les navigateurs tiers qui n’implémentent pas correctement quelque chose. Ou qui ne se conforment pas à ce qui est de facto la référence.

Après, je n’ai pas les statistiques mondiales de ce qui est le plus fréquent ou non. Je suis juste un observateur de l’évolution de l’implémentation de HTML5 par les navigateurs essentiels et la régression des machins spécifiques (en particulier au niveau des CSS). Je suis juste un utilisateur de sites institutionnels et d’intranets développés pour les navigateurs essentiels parfaitement fonctionnels avec iceux et qui merdent copieusement avec WebKit. Bref, je suis une victime de l’hypothèse 3.

avatar benspx | 

@fte

Pour faire court (faute de temps) : ce que je constate dans mon environnement, professionnel comme personnel, est que la plupart du temps les sites sont testés uniquement sous Chrome (pas Chromium et/ou n’importe quel navigateur utilisant Blink. Chrome, point barre).

Et comme Chrome tend à implémenter ses propres règles et/ou variations non strictement conformes aux normes W3C ; Safari ou plus couramment Firefox peuvent rencontrer des difficultés sur certains points précis de ces sites.

Par anticipation : j’ai bien conscience que mon seul exemple personnel ne vaut pas généralité ;-)

avatar Adiibou | 

@benspx
Bon bah pour éviter que ce ne soit que ton exemple personnel, dans mon entreprise c’est tout pareil.
Mes collègues ont l’habitude de tester sur chrome et ils s’y arrêtent Je suis le seul sur une équipe d’une dizaine de personne à aller tester Safari et ce n’est clairement pas suffisant.
Je ne peux malheureusement pas rattraper les écarts d’implémentation de Chrome d’une équipe de 9 personnes alors que j’ai aussi mes fonctionnalités à développer.

avatar Derw | 

@fte

C’est mon métier (argument d’autorité qui n’a qu’une valeur relative : je n’ai pas la science infuse [surtout en JS, je suis spécialisé HTML/CSS et design] et mon expérience est par définition, la mienne…)

« - le site a en effet un bug qui est masqué par certains navigateurs plus tolérants et flexibles, mais je doute que ce soit la majorité des cas. La faute est effectivement celle du site. »

Un cas qui peut arriver, mais il est effectivement très rare…

« - le site est développé et testé avec les navigateurs essentiels (Chromium et Firefox), possiblement exploitant une spécificité non standard de ces navigateurs (ou de l’un d’eux) ou calqué sur un bug de ces navigateurs. C’est de moins en moins fréquent cependant, avec l’amélioration de l’implémentation des standards. La faute est partagée entre site et navigateur, pour utiliser une spécificité non standard d’un côté sans alternative et pour proposer une fonctionnalité non standard de l’autre. »

C’est à mon avis, le cas le plus fréquent. Par contre, cela fait longtemps que Firefox ne fait plus partie des navigateurs essentiels. C’est d’ailleurs pour ça que je m’en sers professionnellement : en général, si ça marche sur Firefox ça marche partout (pour le CSS). À l’inverse, dans certains domaines, Safari est très présent à cause de son poids dans le mobile. Par exemple, je travaille actuellement pour un grand média papier français, pour qui la cible est autour de 75% mobile, dont environ 30 % (de mémoire) est sur iOS (encore plus si on ne compte que les abonnés). Dans ce contexte, il est hors de question d’ignorer Safari mobile !! Par contre, pour les sites qui n’ont rien à faire du mobile, il y a clairement un manque de test sur Safari ou Firefox !

« - le site est développé et testé avec les navigateurs essentiels (Chromium et Firefox), conforme et standard. C’est très probablement le cas le plus fréquent. La faute est exclusivement sur les navigateurs tiers qui n’implémentent pas correctement quelque chose. Ou qui ne se conforment pas à ce qui est de facto la référence. »

Dans MON expérience, ce n’est pas du tout le cas le plus fréquent. Je n’ai presque jamais de site incompatible avec Safari. Quand cela arrive, la plupart du temps, c’est à cause de mes extensions anti pub et anti pistage (Ghostery et 1Blocker). Les désactiver suffit à résoudre le problème. Je suis indépendant et me sert donc souvent de sites institutionnels. J’ai aussi un fils au lycée, un autre à l’université et une femme enseignante qui se servent tous de divers sites institutionnels. On est tous sur Safari et on n’a quasiment pas de soucis… Nous sommes en France, pas en Suisse, mais j’ai du mal à croire que les développeurs Suisses soient moins compétents que les Français !

Il faut différencier deux choses : la norme (définie par le W3C) et la référence (définie de facto par Chrome). Tant qu’on respecte la norme, un site ne devrait poser aucun problème sur un navigateur moyennement récent. Si on ne se fie qu’à la référence, on prend le risque de n’être compatible qu’avec Chrome, voir qu’avec un Chrome récent… c’est à chaque chef de projet, ou Tech Lead, de choisir sur quoi s’appuyer. Par exemple, en tant que Tech Lead dans mon domaine, j’ai refusé d’utiliser le sélecteur CSS super pratique :has (proposé par Apple en mars 2022 et implémenté dans Chrome en août de la même année), tant qu’il n’était pas compatible avec Firefox (décembre 2023).

avatar roccoyop | 

@Artefact3000

C’est une fonctionnalité de Safari qui te dit : ça suffit les conneries sur Facebook, trouve un site qui ne liquéfie pas le cerveau.

Alors que chrome c’est tout l’inverse, plus t’as le cerveau liquéfié, et plus Google aura de la place pour te mettre des pubs dedans. 😆

avatar Artefact3000 | 

@roccoyop

Ah bon. C’est plein de bon sens. 😅

avatar pat3 | 

@Artefact3000

"Vous allez pouvoir goûter à autre chose que Safari sur iOS."

Que WebKit, sur iOS, plutôt que Safari.

avatar Artefact3000 | 

@pat3

Pépère la virgule a encore frappé!

avatar misterbrown | 

J’ai fait le test sur mon iPad : 3,43 !!!

😂😂😂

avatar cecile_aelita | 

@misterbrown

Forcément s’il a quelques années aussi ^^.

avatar Gwynpl@ine | 

@misterbrown

iPad Pro 13" Gen2 (toujours à jour) = 4.37. Je testerai l'iPad Pro 13" Général 1 de ma femme ^_^ (un iPadOS 16)

avatar Gwynpl@ine | 

Je passe de 515 (v2) à 25 avec Safari et 34 avec Firefox. Donc Safari n'est pas devant ^_^

avatar Adodane | 

2.31 Edge pixel 5.

avatar lbalda4 | 

Je me suis amusé sur mon iMac Pro 2017
Safari 13,5
Safari Technology Prewiew 13,3
Firefox 13
Chrome 11
Brave Browser 12,6
Pas trop les mêmes chiffres que vous. Pourquoi?

avatar Tatooland | 

Aller, let’s go ! Ca va nous pondre une nouvelle version de MacG en Nuxt ! 💪

avatar Paul Position | 

Firefox : 21,6
Safari : 16,9
Opéra : 26,8
Sur MBP M1Pro tournant sur Monterey 12.7.4

Étonnant ces différences ! Même quand on recommence le test la valeur est la même à un dixième près, sauf sur Opéra, j'ai eu 23,4 la première fois et après une mise à jour en V 108 (je ne m'en sers que carrément) j'ai obtenu 26,8.

Edit : Sur mon iPad pro 12,9 M1 iPad os 17.4
Safari : 21,7 et Firefox : 20 tout rond
Sur mon iPhone 15Pro IOS 17.4
Safari : 24,4 et Firefox : 24,5

avatar pga78 | 

27,4 avec safari en 17.4 sur mon 15 Pro max …

avatar DarkHorse | 

Euh… J'ai 5.52 avec Safari (17.1) sous OS 12.7.3. C'est grave, docteur?

avatar pga78 | 

36,8 safari en release Sonoma 14.4 sur mon MacBook Pro M3

avatar pga78 | 

36,4 pour Chrome conditions équivalentes …équivalent donc

avatar pga78 | 

32,6 pour edge enfin conditions équivalentes

avatar NikonosV | 

MBA M1 16Go avec Big Sur (v11.7.10)
Safari (v16.6.1) : 13,1
Firefox (v123.0.1) : 20,8
Opera (v108) : 19,8

avatar ratz | 

Je comprends pas pourquoi dans tous ces tests, safari est toujours plus lent chez moi. Et chrome est toujours plus rapide malgré une myriade d'extension (10 au bas mot)

J'ai désactive toutes les extensions . MacBook air m1 16/512

Safari 12.5 (moyenne de 5 tests)
Chrome 17.8

Okay et en safe boot
Safari 13.4
Chrome 22.5

Bon donc ya clairement un truc qui me bouffe bcp de performances quand je suis pas en safe boot. Comment savoir quel processus est a blâmer ?

avatar NikonosV | 

Hello
T'as quelle version d'osx ?

parce qu'il y a pas photo, plus on monte en version plus les perfs sont meilleures pour Safari

avatar ratz | 

@NikonosV

14.4

avatar Axo | 

Score de 21.5 sur Safari avec mon iPad Pro 2021.

avatar NikonosV | 

MBA M1 16Go / SSD 2To avec Big Sur (v11.7.10)
Safari (v16.6.1) : 13,1
Firefox (v123.0.1) : 20,8
Opera (v108) : 19,8

Je suis passé à Ventura 13.6.5
Safari : 20,5
Firefox (v123.0.1) : 21,4

le SSD/finder est plus rapide sous Ventura que sous Big Sur avec mba M1
pour une app de 300Mo, j'ai le temps de voir l'animation sous Big Sur, sous Ventura je ne la vois pas du tout, j'ai cliqué eject, il avait fini de copier

du coup, ça m'a donné envie de passer à Sonoma
Safari (v17.4) : 26,8 / 27,1 / 27,2 j'ai fait 3 tests pour voir les variations
Firefox (v123.0.1) : 21,7

@ratz
T'as quelle version d'osx ?

parce qu'il y a pas photo, plus on monte en version plus les perfs sont meilleures pour Safari

CONNEXION UTILISATEUR