jQuery VS MooTools VS Prototype

Soumis par bonvga le 17 janvier, 2009 - 12:24

Je suis tombé sur cet article qui présente un test de performance des principaux framework javascript tel que jQuery, MooTools et Prototype.

En y regardant de plus prêt, le test présenté s'appuie sur des anciennes versions de ces framework.

J'ai donc installé l'application de test Slickspeed et j'y ai configuré jQuery version 1.3.0, MooTools version 1.2.1 et Prototype version 1.6.0.2. Slickspeed permet de mesurer le temps de traitement d'une liste de sélecteurs.

jQuery 1.3.0 VS MooTools 1.2.1 VS Prototype 1.6.0.2
Résultats du test sur Google Chrome

Voici les résultats des tests sur plusieurs navigateurs, le plus petit temps de traitement est le meilleur :

  • Google Chrome
    • jQuery : 28ms
    • MooTools : 106ms
    • Prototype : 407ms
  • Mozilla Firefox 3
    • jQuery : 288ms
    • MooTools : 325ms
    • Prototype : 360ms
  • Microsoft Internet Explorer 6
    • jQuery : 1031ms
    • MooTools : 1703ms
    • Prototype : 5003ms

Pour moi, jQuery l'emporte haut la main !

Je vous invite à faire le test de votre coté et mettre vos résultats en commentaire de ce billet en précisant le nom et la version de votre navigateur. Pour tester, ça ce passe par là, une fois la page chargée, cliquez sur 'start tests'.

Posté dans les catégories , , , et

8 commentaires pour “jQuery VS MooTools VS Prototype”

Portrait de Anonyme

Le 21 janvier, 2009 - 02:08
1loup a écrit

(Sous Mac OSX Tiger)

Avec Safari 3:
jQuery : 111
MooTools : 175
Prototype : 262

Avec Opera 9:
jQuery : 165
MooTools : 202
Prototype : 249

Avec Firefox 3:
jQuery : 233
Mootools : 270
Prototype : 283

CrossOver Chromium (en attendant Google Chrome pour Mac):
jQuery : 38
Mootools : 103
Prototype : 400

Portrait de Anonyme

Le 5 mars, 2009 - 13:29
Pifou a écrit

intéressant !! Alor je vais me lancer dans le jQuery puisqu'il apparait le plus rapide...
Mon propre test sur Firefox 3 sous linux ubuntu 8.10 (64bits)
jquery: 258
MoonTools 287
Prototype 237

étonnant non? suis-je le seul chez qui jQuery est battu par prototype? comment ça s'explique? ...

Portrait de bonvga

Le 5 mars, 2009 - 15:37
bonvga a écrit

C'est curieux Smile Voici le résultat pour un Firefox 3 sous Ubuntu 8.10 (32 bits)

jQuery : 302
MooTools : 372
Prototype : 365

Cette fois, jQuery est de nouveau en tête. Big smile

Bon il faut aussi noter que la version de jQuery utilisée pour ces tests est la 1.3.0 alors que la dernière version est la 1.3.2. Ça pourrait être intéressant de comparer avec la dernière version Tongue

Portrait de Anonyme

Le 5 mars, 2009 - 16:34
Pifou a écrit

même machine (64b) win Vista IE7
...parce que ça m'a piqué la curiosité cette affaire Tongue

IE7
jQuery 46
MoonTool 688
Prototype 1439

Firefox 3
jQuery 152
MoonTool 178
Prototype 306

Chrome
jQuery 17
MoonTool 75
Prototype 313

super perf de jQuery et affreux retard de prototype, sauf pour firefox ou il n'est "que" 2x plus long. bon c'est décidé je me lance dans le jQuery alors. En tout cas sympa ce test Wink

Portrait de Anonyme

Le 12 mars, 2009 - 14:50
BlingBlingBoy a écrit

Jquery : 228
Mootools : 249
Prototype : 502

La difféenre Jquery / Mootools n'est pas énorme non plus!

Portrait de Anonyme

Le 18 mai, 2009 - 22:46
Riad Marrakech a écrit

C'est vrai Jquery est un petit plus rapide mais je reste avec mootools

Portrait de Anonyme

Le 9 novembre, 2009 - 19:14
Riad marrakech a écrit

la différence n'est pas du tout visible

Portrait de Anonyme

Le 11 mars, 2010 - 10:08
PhotoshopTuto a écrit

En faisant le test avec firefox et Safari (Webkit, le même moteur de rendu que Chrome), j'ai jQuery en tête.

Or j'ai lu plusieurs tests sur internet où jQuery arrivait en dernier, c'est bizarre.

En tout cas ma préférence va quand même à jQuery pour sa simplicité d'utilisation.

Poster un nouveau commentaire

Le contenu de ce champ ne sera pas montré publiquement. If you have a Gravatar account, used to display your avatar.
  • Balises HTML autorisées: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <u> <img> <strike> <blockquote>
  • Les lignes et les paragraphes vont à la ligne automatiquement.
  • Les smileys texte sont replacés par des smyleys images.
  • Les adresses de pages web et de messagerie électronique sont transformées en liens automatiquement.
  • Vous pouvez activer la coloration syntaxique du code source à l'aide des balises suivantes: <code>, <blockcode>, <as3>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <ini>, <java>, <javascript>, <mysql>, <php>, <plsql>, <python>, <robots>, <ruby>, <smarty>, <vb>, <xml>. The supported tag styles are: <foo>, [foo].
  • Les liens d'images avec le tag 'rel="lightbox"' dans la balise <a> apparaîtrons dans une Lightbox.

Plus d'informations sur les options de formatage