S'identifier / Créer un compte
  • Actualités
  • Dossiers
  • Tests
  • Commentaires
  • INpactiens
Publicité

Applications web : comment mesurer et améliorer les performances ?

De toutes façons, P-A > All !

Les équipes d'HTML5 Rocks viennent de publier un article dans lequel ils reviennent sur la mise en place d'un test de performance graphique au sein des navigateurs récents. Ils proposent d'ailleurs un exemple qui exploite les fonctionnalités Canvas 2D.

Le but est ici de faire tourner un logo Chrome pendant un peu plus de 30 secondes et de voir combien de fois il a été affiché durant cette période. On notera l'utilisation de la méthode performance.webkitNow() (préfixée) qui est une implémentation du « High Resolution Timer » permettant de s'assurer une grande précision dans la mesure du temps écoulée spécifique à ce genre d'exercice.




Vous retrouverez plus de détails sur ce dernier par ici, ou sur le site du W3C. Pour le test de performance, vous pouvez utiliser le JsFiddle ci-dessus. Attention, il ne sera compatible qu'avec Chrome 21 et supérieur, n'hésitez néanmoins pas à partager vos résultats au sein de nos commentaires.


Notez enfin que Google a publié une vidéo prise lors de l'I/O 2012 dans laquelle était évoquée la question des performances des Web Apps et des conseils à suivre :


David Legrand

Rédacteur en chef adjoint et responsable des L@bs de Nancy. Geek de l'extrême spécialisé dans l'analyse des produits high-tech, les réseaux sociaux et les trios d'écrans. Adepte du libre.

Google+

Publiée le 25/07/2012 à 13:37

Soutenez l'indépendance de Next INpact en devenant Premium

  • Tout le contenu de Next INpact sans pub
  • Et bien plus encore...

Il y a 10 commentaires

Avatar de gaboul49 INpactien
gaboul49 Le mercredi 25 juillet 2012 à 14:06:46
Inscrit le dimanche 8 janvier 06 - 453 commentaires
Results: could draw 21 in 33.333333333333336 ms

Mais avec Chrome 20 (donc ça marche ou pas?) On parle en ms ici, pas en seconde comme le relate l'article.

Linux / Chrome 20 / Single core 1.2ghz Intel / Accélération graphique désactivée
Avatar de Lert_Sarin INpactien
Lert_Sarin Le mercredi 25 juillet 2012 à 14:42:28
Inscrit le mardi 11 octobre 11 - 18 commentaires
il y a quelque chose que je ne comprend pas ...

Soit Google a déjà envahi tout les cerveaux a coup de matraquage publicitaire et du coup, un "test de performance graphique au sein des navigateurs récents" se résume effectivement aux différentes version de Chrome.

Soit aucun autre navigateur (Firefox, Opera, Safari....) ne permet REELEMENT de faire tourner un logo Chrome

Soit c'est un test made in google juste la pour dire : "nous on est mieux que les autres car quand on leur ferme la porte a clef, ba ils n'entre pas"

Soit D, la reponse D
Avatar de Fuinril INpactien
Fuinril Le mercredi 25 juillet 2012 à 15:23:19
Inscrit le jeudi 8 avril 10 - 2606 commentaires

Soit D, la reponse D


c'est surtout qu'ils ont utilisé des instructions non standard dans le test n'étant implémenté sur aucun autre navigateur.

Donc si tu donnes CE script précis à manger à FF ou IE tu n'obtiens rien.
Avatar de arno53 INpactien
arno53 Le mercredi 25 juillet 2012 à 15:24:46
Inscrit le lundi 21 juillet 08 - 1797 commentaires
Bah le test utilise des préfixes webkit donc seul chrome peut le passer (safari utilise un webkit plus anciens). Enfin c'est comme ça que je le vois ^^ Faudra mettre à jour le test quand mozilla, opéra et Ms auront implémenté les fonctions manquantes...
Avatar de Lafisk INpactien
Lafisk Le mercredi 25 juillet 2012 à 17:14:47
Inscrit le dimanche 3 juin 12 - 7421 commentaires


c'est surtout qu'ils ont utilisé des instructions non standard dans le test n'étant implémenté sur aucun autre navigateur.

Donc si tu donnes CE script précis à manger à FF ou IE tu n'obtiens rien.

donc au final, c'est un truc que peu utilises, voir personne...

Il y a 10 commentaires

;