JQuery est un framework extrêmement répandu. Et pour cause, il est très simple à prendre en main, dispose d'une énorme communauté créant des plug-ins, participant à de nombreux forums de discussion, etc. et surtout disposant de performances plus que correctes. Néanmoins, cette bonne performance ne doit pas faire occulter au développeur le besoin constant d'optimiser son application.

Commentaires

"Préférez utiliser la méthode append() avec une chaîne HTML construite de toute pièce plutôt que d'ajouter les éléments du DOM un par un avec des insertBefore() ou insertAfter()."

J'ai personnellement un avis très réservé sur la question. Il y a quelques temps, je m'amusais beaucoup avec jsPerf et j'avais fait ce test [1]. Ca n'utilise pas jQuery mais le principe est le même : 'utiliser des méthodes du DOM' vs 'utiliser innerHTML'. Les résultats sont assez surprenants : le clonage de noeuds est très efficace (sauf sous IE). En tous cas, il est dur d'affirmer que la concaténation de chaîne est plus performante que les APIs DOM classiques.

Petit bonus du l'utilisation des APIs DOM tel qu'illustré dans le test :
- dans le cas d'utilisation "templating", il n'y a pas besoin de sélectionner par la suite les noeuds (contenant les données injectées dynamiquement) avec un selecteur CSS ou autre puisque vous construisez ces noeuds et possédez déjà leurs références
- c'est compatible IE 5.5+
- c'est, par nature, fiable en terme de securité (ex: injection XSS) car aucun parsing n'est réalisé
- il n'y a plus besoin d'utiliser jQuery :)

[1] http://jsperf.com/dom-innerhtml

Il y a environ 6 ans
Vous devez vous inscrire ou vous connecter pour poster un commentaire