RoboHornet : le test pour navigateur qui s'intéresse aussi aux GIF animés

RoboHornet : le test pour navigateur qui s’intéresse aussi aux GIF animés

Mais pas que, heureusement

Avatar de l'auteur
David Legrand

Publié dans

Logiciel

27/09/2012 2 minutes
25

RoboHornet : le test pour navigateur qui s'intéresse aussi aux GIF animés

Depuis quelques années, les différents navigateurs se font la guerre au niveau des performances, mais en se basant surtout sur des outils qui n'analysent que la puissance de leur moteur Javascrip de leurs applications. Un point qui peine souvent les développeurs qui aimeraient aussi voir des améliorations dans le traitement du DOM, de la gestion de la 2D, du SVG ou même des GIF. Désormais, il y a un benchmark pour ça : RoboHornet.

RoboHornet est un benchmark open-source dont le développement implique plusieurs acteurs du secteur, mais dont le mainteneur principal est Alex Komoroske de Google. C'est d'ailleurs lui qui s'est fendu de l'annonce via son compte Google+, et que l'on retrouve principalement au sein du projet GitHub qui a été mis en place.

 

La licence utilisée est l'Apache 2.0, qui permettra donc à n'importe qui de reprendre le projet, de l'utiliser au sein d'un outil commercial ou même sous licence GPL v3. La procédure pour participer à son évolution est détaillée par ici.

 

RoboHornet

 

Les développeurs sont d'ailleurs incités à identifier des points qui leur posent problème de manière récurrente et à les proposer sous la forme d'un test de performance qui pourra être validé (ou non). Il sera alors soumis à un comité où l'on retrouve plusieurs membres de Google, mais aussi des développeurs indépendants et de services tels que Facebook, JSPerf, SmugMug... qui promettent d'agir en tant que spécialistes dans leurs domaines plutôt que pour défendre tel ou tel navigateur.

 

On aimerait néanmoins que dans les semaines qui viennent, des membres de Microsoft, Mozilla, Opera... puissent rejoindre ce petit groupe afin d'éviter tout soupçon comme c'est le cas sur les tests dédiés à Javascript qui défendent souvent la paroisse de leur géniteur.

 

Quoi qu'il en soit, cette suite de tests qui est actuellement au stade de l'Alpha, est disponible via ce lien. Vous y trouverez déjà une analyse de nombreux éléments tels que les performances du localStorage, le redimensionnement de SVG, l'ajout de lignes et de colonnes à un tableau, le scroll dans une page pleine de GIF animés... 

 

N'hésitez pas à partager avec nous les résultats de vos tests au sein de nos commentaires, mais aussi à participer au projet.

Écrit par David Legrand

Tiens, en parlant de ça :

Sommaire de l'article

Introduction

Fermer

Commentaires (25)


test en cour mon FF rame comme un dingue mais se limite à bouffer 1 seul coeur donc les résultat devrait être très différens suivant le cpu installer


[mode Titia]

RoboHornet <img data-src=" /> <img data-src=" /> <img data-src=" />

2D, DOM, SVG <img data-src=" /> <img data-src=" /> <img data-src=" />

GIF <img data-src=" /> <img data-src=" /> <img data-src=" /> <img data-src=" /> <img data-src=" />

[/mode]

<img data-src=" />


102,05 sous IE9, c’est un navigateur moderne



j’ai lancé le bench sous FF et….. ce sera beaucoup moins..


bloquer sur le redimensionnement de svg


Sous firefox 15.0.1



RH-A1:0105.03



Benchmark Status Time Baseline Weight Index

Add Rows to Table Completed successfully 188.52ms 49.68ms 6.72% 1.77

Add Columns to Table Completed successfully 147.82ms 45.29ms 5.04% 1.54

Descendant Selector Completed successfully 81.04ms 87.19ms 6.72% 7.23

2D Canvas toDataURL Completed successfully 396.78ms 304.56ms 6.72% 5.16

2D Canvas clearRect Completed successfully 11.65ms 16.73ms 6.72% 9.66

innerHTML Table Completed successfully 702.75ms 283.53ms 6.72% 2.71

Table scrolling Completed successfully 2807.60ms 964.37ms 6.72% 2.31

Resize columns Completed successfully 4447.05ms 2739.90ms 6.72% 4.14

SVG resize Completed successfully 817.31ms 502.73ms 6.72% 4.14

ES5 Property Accessors Completed successfully 100.58ms 89.57ms 3.36% 2.99

Calculate primes Completed successfully 136.56ms 96.83ms 3.36% 2.38

Argument instantiation Completed successfully 56.41ms 315.13ms 6.72% 37.56

Animated GIFS Completed successfully 98.80ms 127.69ms 0.84% 1.09

offsetHeight triggers reflow Completed successfully 5047.92ms 723.69ms 10.08% 1.45

DOM Range API Completed successfully 509.61ms 103.79ms 3.36% 0.68

Write to localStorage Completed successfully 34.74ms 49.84ms 6.72% 9.64

Read from localStorage Completed successfully 21.58ms 33.93ms 6.72% 10.57

Raw score 118547.18





Pas reussi a le lancer sur le IE7 corporate <img data-src=" />


Sous FF15, j’ai certains résultats vraiment étranges

Add Rows to Table 67.28ms

Add Columns to Table 1345.51ms



Sous I9 :

Add Rows to Table 114.25ms

Add Columns to Table114.57ms



Pour le coup, je dirais qu’IE9 est plus homogène dans sa façon de traiter les tableaux.



Bon, le test n’est pas encore terminé … on verra le résultat final.



Edit : mon FF plante au cours du test… 2 essais, 2 plantages :/








al_bebert a écrit :



bloquer sur le redimensionnement de svg







Il avait bloque aussi chez moi mais entre temps j avais change d onglet…

je l ai relance et il est passe



on obtient tous des resultat tres different, 81.67 avec FF 15 …








quicky_2000 a écrit :



Il avait bloque aussi chez moi mais entre temps j avais change d onglet…

je l ai relance et il est passe







ha ok… c’est juste que j’ai pas que ça à foutre d’attendre que le test soit fini moi ^^



Opera : 87.59

Mais j’ai beaucoup d’onglets ouverts… à tester seul.


<img data-src=" /> pas pu tester sur IE6 <img data-src=" />



==&gt; []


J’ai stoppé le test après 5 minutes de “resize SVG” (sur Aurora)


Lisez le bug report sur Bugzilla, le test comporte pas mal de bugs et de tests mal conçus: https://bugzilla.mozilla.org/show_bug.cgi?id=793913


Add Rows to Table Completed successfully 47.28ms 49.68ms 6.72% 7.06

Add Columns to Table Completed successfully 73.81ms 45.29ms 5.04% 3.09

Descendant Selector Completed successfully 97.46ms 87.19ms 6.72% 6.01

2D Canvas toDataURL Completed successfully 381.50ms 304.56ms 6.72% 5.37

2D Canvas clearRect Completed successfully 10.03ms 16.73ms 6.72% 11.21

innerHTML Table Completed successfully 549.59ms 283.53ms 6.72% 3.47

Table scrolling Completed successfully 1560.24ms 964.37ms 6.72% 4.16

Resize columns Completed successfully 3331.01ms 2739.90ms 6.72% 5.53

SVG resize Aborted by user - 502.73ms 6.72% -

ES5 Property Accessors Completed successfully 66.76ms 89.57ms 3.36% 4.51

Calculate primes Completed successfully 99.06ms 96.83ms 3.36% 3.29

Argument instantiation Completed successfully 18.54ms 315.13ms 6.72% 114.26

Animated GIFS Completed successfully 627.10ms 127.69ms 0.84% 0.17

offsetHeight triggers reflow Completed successfully 1833.09ms 723.69ms 10.08% 3.98

DOM Range API Completed successfully 85.96ms 103.79ms 3.36% 4.06

Write to localStorage Completed successfully 41.39ms 49.84ms 6.72% 8.10

Read from localStorage Completed successfully 29.22ms 33.93ms 6.72% 7.81

Raw score 61012.05








papinse a écrit :



[mode Titia]

RoboHornet <img data-src=" /> <img data-src=" /> <img data-src=" />

2D, DOM, SVG <img data-src=" /> <img data-src=" /> <img data-src=" />

GIF <img data-src=" /> <img data-src=" /> <img data-src=" /> <img data-src=" /> <img data-src=" />

[/mode]

<img data-src=" />







C’est d’autant plus drôle lorsque l’on sait comment ces smileys sont animés <img data-src=" />









al_bebert a écrit :



ha ok… c’est juste que j’ai pas que ça à foutre d’attendre que le test soit fini moi ^^







Il dure combien de temps le test de redimensionnement SVG ? J’ai bien les super graphisme qui change de taille mais j’ai l’impression que cela boucle indéfiniment…









kamuisuki a écrit :



Add Rows to Table Completed successfully 47.28ms 49.68ms 6.72% 7.06

Add Columns to Table Completed successfully 73.81ms 45.29ms 5.04% 3.09

Descendant Selector Completed successfully 97.46ms 87.19ms 6.72% 6.01

2D Canvas toDataURL Completed successfully 381.50ms 304.56ms 6.72% 5.37

2D Canvas clearRect Completed successfully 10.03ms 16.73ms 6.72% 11.21

innerHTML Table Completed successfully 549.59ms 283.53ms 6.72% 3.47

Table scrolling Completed successfully 1560.24ms 964.37ms 6.72% 4.16

Resize columns Completed successfully 3331.01ms 2739.90ms 6.72% 5.53

SVG resize Aborted by user - 502.73ms 6.72% -

ES5 Property Accessors Completed successfully 66.76ms 89.57ms 3.36% 4.51

Calculate primes Completed successfully 99.06ms 96.83ms 3.36% 3.29

Argument instantiation Completed successfully 18.54ms 315.13ms 6.72% 114.26

Animated GIFS Completed successfully 627.10ms 127.69ms 0.84% 0.17

offsetHeight triggers reflow Completed successfully 1833.09ms 723.69ms 10.08% 3.98

DOM Range API Completed successfully 85.96ms 103.79ms 3.36% 4.06

Write to localStorage Completed successfully 41.39ms 49.84ms 6.72% 8.10

Read from localStorage Completed successfully 29.22ms 33.93ms 6.72% 7.81

Raw score 61012.05





Se serait bien de preciser ton navigateur<img data-src=" />









CryoGen a écrit :



Il dure combien de temps le test de redimensionnement SVG ? J’ai bien les super graphisme qui change de taille mais j’ai l’impression que cela boucle indéfiniment…







j’avais la même j’ai kill avant la fin…



C’est de la merde, ça ne fonctionne pas sous IE6.








al_bebert a écrit :



j’avais la même j’ai kill avant la fin…







Je viens de tester avec IE10 et ca passe comme les autres tests… donc y a bien un foirage quelque part <img data-src=" />



Avec IE10 sur Windows 8 : RH-A1: 0131.48









quicky_2000 a écrit :



Se serait bien de preciser ton navigateur<img data-src=" />









Netscape 9.1.376

(Fork mozilla firefox 7.0 <img data-src=" />)









CryoGen a écrit :



Il dure combien de temps le test de redimensionnement SVG ? J’ai bien les super graphisme qui change de taille mais j’ai l’impression que cela boucle indéfiniment…







Moi ça m’a pris 2059.35ms… Par contre l’offsetHeight triggers reflow m’a pris presque 8s… <img data-src=" />



En final c’est pas une bête de course mon FF 15.0.1 ! <img data-src=" /> Mais bon j’avais une dizaine d’autres onglets, il faut que je le refasse seul…



Add Rows to Table Completed successfully 134.13ms 49.68ms 6.72% 2.49

Add Columns to Table Completed successfully 155.04ms 45.29ms 5.04% 1.47

Descendant Selector Completed successfully 108.21ms 87.19ms 6.72% 5.42

2D Canvas toDataURL Completed successfully 1032.45ms 304.56ms 6.72% 1.98

2D Canvas clearRect Completed successfully 211.18ms 16.73ms 6.72% 0.53

innerHTML Table Completed successfully 1873.03ms 283.53ms 6.72% 1.02

Table scrolling Completed successfully 4472.19ms 964.37ms 6.72% 1.45

Resize columns Completed successfully 7351.54ms 2739.90ms 6.72% 2.51

SVG resize Completed successfully 2059.35ms 502.73ms 6.72% 1.64

ES5 Property Accessors Completed successfully 1951.43ms 89.57ms 3.36% 0.15

Calculate primes Completed successfully 1953.47ms 96.83ms 3.36% 0.17

Argument instantiation Completed successfully 950.99ms 315.13ms 6.72% 2.23

Animated GIFS Completed successfully 220.22ms 127.69ms 0.84% 0.49

offsetHeight triggers reflow Completed successfully 7966.76ms 723.69ms 10.08% 0.92

DOM Range API Completed successfully 233.90ms 103.79ms 3.36% 1.49

Write to localStorage Completed successfully 156.60ms 49.84ms 6.72% 2.14

Read from localStorage Completed successfully 105.05ms 33.93ms 6.72% 2.17



Raw score 219281.25



chouette, un nouveau kikimetre pour navigateur <img data-src=" />



Oprea 12.02 (Avec mon taf) : RH-A1:099.72



vait tester avec d’autre pour voir qui qu’a la plus longue :)


Le tout sur Windows 7 SP1 64-bits.



Chromium Version 24.0.1274.0 (157961): RH-A1:0125.13



Internet Explorer 9.0.8112.16421 64-bit Edition: RH-A1:0112.12








trash54 a écrit :



<img data-src=" /> pas pu tester sur IE6 <img data-src=" />



==&gt; []







<img data-src=" />