Comparaison framework javascript
Le web 2.0 étant la nouvelle tendance actuelle il existe une multitude de framework javascript nous faciltant la tache dans nos développements (ajax, manipulation du DOM, widgets, modalbox…).
En faisant un état des lieux des projets web dont j’ai la charge, je me suis rendu compte que nous utilisons pas moins de trois frameworks différents par projet. En effet, chaque développeur a ses habitudes, ses bibliothèques et utilise par conséquent le framework qu’il connait le mieux pour gagner du temps.
Résultat, les sites embarquent un nombre de javascript important : les différents frameworks ainsi que nos codes les utilisant.
Tous les frameworks font globalement la même chose, nous avons donc décidé d’uniformiser nos projets afin d’utiliser un framework unique.
Il s’est alors posé la question du choix du framework : prototype, jquery, yui, mootols… avec deux préocupations majeures : les performances et les fonctionnalités natives du framework.
En cherchant de la documentation sur le net, je suis tombé sur la page suivante :
http://mootools.net/slickspeed/
Cette page permet de tester sur son propre navigateur les performances ainsi que les différentes fonctionnalités des framework javascript les plus connus. Pour cela il vous suffit de cliquer sur le bouton “start test” et d’attendre la fin de l’exécution des tests.
Résultats des tests sur ma machine (windows XP, 2Go de RAM)
Avec Firefox 3.0.4
- Dojo 1.1.1
- JQuery 1.2.6
- Mootools 1.2
- Yui (Yahoo User Interface) 2.5.2
- prototype 1.6.0.2
Avec Internet Explorer 6.0.2
- Dojo 1.1.1
- JQuery 1.2.6
- Yui (Yahoo User Interface) 2.5.2
- prototype 1.6.0.2
- Mootools 1.2
Conclusions
Les deux grands gagnants sont et de loin Dojo et JQuery.
Nous concernant, nous avons choisi JQuery framework plus connu que Dojo avec une communauté de développeurs importante et ayant une syntaxe proche de prototype qui était très utilisé chez nous.
Loading ...
Image trop petite pour voir le détail du comparatif dommage …
Je suis entrain de faire le tour et ExtJS est de loin le plus abouti que j’ai pu voir … de loin.
Effectivement elle est petite
ceci étant elle est vraiment là à titre d’exemple du résultat à obtenir en lançant l’analyse sur ta propre machine (ce qui me semble le plus intéressant).
En effet les résultats peuvent être sensiblement différents d’une machine à l’autre (surtout en fonction de la version du navigateur utilisé).
A mon sens il ne faut surtout pas se baser sur l’image dans l’article pour faire son choix mais évidemment se rendre à l’adresse http://mootools.net/slickspeed/ présentée dans l’article.
<a href=\"#comment-82\">@ageorgin</a>
Je trouve qu\’elle est quand même petite
Tout d’abord, on ne peut pas parler de véritable framework, surtout pour du code aussi simple que le Javascript. Pour reprendre votre exemple, le signe $ (quelle horreur pour du code !) n’est qu’une reprise plus puissante de document.getElementByID et document.getElementByBName.
D’autre part, d’après les tests, Dojo est plus de 2 fois plus rapide que JQuery. Bien meilleur, donc ! Alors pourquoi utiliser ce dernier ? Pour des raisons de nombre d’utilisateurs ? Si c’est le cas, dans quelques mois, vous changerez peut-être, tout comme vous l’avez fait pour Prototype. Les effets de mode, vous savez, sont par définition temporaires.
Ensuite, le test est incomplet : il ne prend pas en compte le temps de chargement de la bibliothèque. Par exemple, un fichier JQuery réduit et compressé sera plus long à chargé qu’un non compressé (car le JS est très long à décompresser et bloque les autres chargements sur une page).
D’autre part, un code qui prototype les objets à son chargement permettra d’y accéder + rapidement par la suite mais augmente la durée de chargement et l’utilisation mémoire. JQuery est donc très mal placé là-dessus.
PS : le Captcha est difficilement lisible (je l’ai essayé plusieurs fois sans succès). :)) En toute logique, pourquoi la difficulté destinée aux robots doit-elle s’appliquer aux humains ? :))