Bienvenue à Blogs CodeS-SourceS Identification | Inscription | Aide

Atteint de JavaScriptite Aiguë [Cyril Durand]

Expert ASP.net Ajax et WCF, Cyril Durand parle dans son blog de point techniques sur ASP.net, ASP.net Ajax, JavaScript, WCF et .net en général. Cyril est également consultant indépendant, n'hésitez pas à le contacter pour de l'assistance sur vos projets

Actualités

  • Blog de Cyril DURAND, passionné de JavaScript, Ajax, ASP.net et tout ce qui touche au developpement Web Client-Side.

    N'hésitez pas à me contacter pour vos projets .net : architecture, accompagnement, formation, ...

    View Cyril Durand's profile on LinkedIn
    hit counters


    Expertise Commerce server et BizTalk

Optimiser vos boucle for avec JavaScript

JavaScript est un langage "late binded" c'est à dire que chaque appel d'une propriété aura un coût et ne sera pas mis en cache.

Pour le prouver voici un exemple :

window.pageLoad = function() { var a = []; for(var i = 0; i < 1000000; i++){ a.push(i); } if (true){ // boucle N°1 var start = new Date(); for(var i = 0; i < a.length; i++){ } alert(new Date() - start); } else { // boucle N°2 start = new Date(); for(var i = 0, l = a.length; i < l; i++){ } alert(new Date() - start); } }

La différence ce situe au niveau de la condition de fin, au lieu de vérifier à chaque fois a.length, j'ai mis cette valeur en cache dans la variable l. (le if(true) permet seulement de basculer d'un test à un autre)

Voici les résultats (en ms) :

  IE 7 vista FF 2.0.0.11 Opera 9.24 Safari 3.0.4
Boucle N°1 220 115 160 170
Boucle N°2 85 60 90 140

Voici un exemple encore plus parlant

window.pageLoad = function() { var a = {b:{c:{d:{e:{f:{g:{h:{i:{j:{k:{l:{m:{n:{o:{p:{q:{r:{s:{t:{u:{v:{w:{x:{y:{z:100000}}}}}}}}}}}}}}}}}}}}}}}}}; if (false){ // boucle N°1 var start = new Date(); for(var i = 0; i < a.b.c.d.e.f.g.h.i.j.k.l.m.n.o.p.q.r.s.t.u.v.w.x.y.z; i++){ } alert(new Date() - start); } else { // boucle N°2 var start = new Date(); for(var i = 0, l = a.b.c.d.e.f.g.h.i.j.k.l.m.n.o.p.q.r.s.t.u.v.w.x.y.z; i < l; i++){ } alert(new Date() - start); } }

  IE 7 vista FF 2.0.0.11 Opera 9.24 Safari 3.0.4
Boucle N°1 290 85 80 100
Boucle N°2 9 7 8 13

On voit ici l'intérêt de mettre en cache des variables "profondes".

Je met souvent en cache mes variables lorsque je dois modifier une propriété d'un noeud DOM, typiquement dans le cas d'une animation, on sait qu'on va modifier la propriété xxx de la propriété style d'un noeud DOM un bon nombre de fois, il est donc nécessaire de mettre en cache cette propriété style pour avoir des performances acceptable.

D'autres astuces de performances JS :

Posted: dimanche 16 décembre 2007 16:03 par cyril
Ce post vous a plu ? Ajoutez le dans vos favoris pour ne pas perdre de temps à le retrouver le jour où vous en aurez besoin :

Commentaires

Ashi4 a dit :

Merci Pour cette info,

j'ai souvent des traitements javascript qui sont long à executer, ça risque de beaucoup m'aider.

et merci pour les liens, j'avais rien a lire en ce moment ;-)

# décembre 16, 2007 16:14

Renfield a dit :

comme un

while(long i=0; i<strlen(szMaChaine); i++)

  ...

comparé à

long l = strlen(szMaChaine);

while(long i=0; i<l; i++)

  ...

# décembre 17, 2007 07:06
Les commentaires anonymes sont désactivés

Les 10 derniers blogs postés

- Office 365: Nettoyage des versions de List Item avant migration depuis SharePoint On Premise vers SharePoint Online par Blog Technique de Romelard Fabrice le 08-08-2017, 15:36

- Office 365: Comment supprimer des éléments de liste SharePoint Online via PowerShell par Blog Technique de Romelard Fabrice le 07-26-2017, 17:09

- Nouveau blog http://bugshunter.net par Blog de Jérémy Jeanson le 07-01-2017, 16:56

- Office 365: Script PowerShell pour assigner des droits Full Control à un groupe défini par Blog Technique de Romelard Fabrice le 04-30-2017, 09:22

- SharePoint 20XX: Script PowerShell pour exporter en CSV toutes les listes d’une ferme pour auditer le contenu avant migration par Blog Technique de Romelard Fabrice le 03-28-2017, 17:53

- Les pièges de l’installation de Visual Studio 2017 par Blog de Jérémy Jeanson le 03-24-2017, 13:05

- UWP or not UWP sur Visual Studio 2015 ? par Blog de Jérémy Jeanson le 03-08-2017, 19:12

- Désinstallation de .net Core RC1 Update 1 ou SDK de Core 1 Preview 2 par Blog de Jérémy Jeanson le 03-07-2017, 19:29

- Office 365: Ajouter un utilisateur ou groupe dans la liste des Site collection Administrator d’un site SharePoint Online via PowerShell et CSOM par Blog Technique de Romelard Fabrice le 02-24-2017, 18:52

- Office 365: Comment créer une document library qui utilise les ContentTypeHub avec PowerShell et CSOM par Blog Technique de Romelard Fabrice le 02-22-2017, 17:06