Comments for Blog Bruno Sabot

Comment on Quick Tip – Optimisation simple de boucles JavaScript by Broutard

Broutard — Fri, 10 Feb 2012 11:44:13 +0000

Testé sur la Home de 20minutes : aucune différence entre les 2 boucles “for”

console.time(‘loop’);
var elts = document.getElementsByTagName(‘*’);
// for (var i = 0; i < elts.length; i++) {
for (var i = 0, len = elts.length; i < len; i++) {

}
console.timeEnd('loop');

PS: Au passage, salut bruno

Comment on Quick Tip – Hauteur d’un block de texte by neii

neii — Sat, 29 Oct 2011 08:30:47 +0000

Au moins ca a le mérite d’être clair.

Combien de fois j’ai pu voir un height pour fixer une hauteur égale sur les navigateurs, quitte à couper le texte à l’intérieur si plus grand que le conteneur pour certains……. C’est pourtant pas si complexe que ca CQFD

Comment on Quick tip – ORDER BY avec une jointure by Clement Gautier

Clement Gautier — Fri, 29 Apr 2011 21:54:39 +0000

C’est marrant je lisais justement l’article aujourd’hui sur le site de MySql qui parle de l’optimisation des ORDER BY en général, je me permet de rajouter le lien : http://dev.mysql.com/doc/refman/5.0/fr/order-by-optimization.html

ça permet de compléter ce qu’il y a à savoir sur le sujet.

Très bon article encore Bruno, je ne le savais pas non plus

Comment on Quick tip – ORDER BY avec une jointure by Bruno

Bruno — Fri, 29 Apr 2011 21:47:17 +0000

Je te rassure, moi non plus je n’aime pas utiliser le *

Ici, c’est vraiment pour faire simple, mais j’aurais peut-être du mettre une remarque à ce propos…

Comment on Quick tip – ORDER BY avec une jointure by ChRiiS

ChRiiS — Fri, 29 Apr 2011 21:22:01 +0000

Juste en complément, je ne suis pas fan des “select *”

Comment on Quick tip – ORDER BY avec une jointure by ChRiiS

ChRiiS — Fri, 29 Apr 2011 21:20:48 +0000

Merci beaucoup Bruno pour cet article, aussi minimaliste qu’il soit, il apporte son lot d’info
Keep the good work!
Et à ta question “le saviez-vous”, non je ne le savais pas.

Comment on Quick Tip – Optimisation simple de boucles JavaScript by JulienW

JulienW — Fri, 22 Apr 2011 13:36:03 +0000

Oui quand je disais “temps” je voulais parler de simple comparaison bien sûr…

Comment on Quick Tip – Optimisation simple de boucles JavaScript by Bruno

Bruno — Fri, 22 Apr 2011 10:13:43 +0000

Le problème du temps passé est qu’il va dépendre de pas mal de chose : L’ordinateur, le navigateur, la taille de la page, le nombre de logiciels qui tournent en parallèle, etc.
Difficile donc de donner un temps, et quand bien même, il ne serait pertinent que pour une machine en question pour des cas de test.

Pour le reste, Vincent à répondu comme il se doit

Comment on Quick Tip – Optimisation simple de boucles JavaScript by Vincent Voyer

Vincent Voyer — Fri, 22 Apr 2011 09:54:04 +0000

Il y a deux problématiques différentes :
le recalcul de .length sur un tableau
l’accès à une propriété d’un objet “HTMLCollections” (c’est le var elts = target.getElementsByTagName(‘*’);), lorsqu’on accède à .length d’un tableau HTMLCollections (un tableau d’objets DOM) alors on traverse à chaque fois le pont entre JS DOM et c’est ça qui coute cher (le nombre d’accès DOM).

Voir sur http://www.phpied.com/dom-access-optimization/ pour quelques cas basiques d’optimisation DOM

Comment on Quick Tip – Optimisation simple de boucles JavaScript by JulienW

JulienW — Fri, 22 Apr 2011 09:24:54 +0000

En fait, je me demande si le .length est recalculé à chaque fois parce que getElementsByTagName retourne une live list.

Si tu as le temps, je serais curieux de connaître le temps passé si on utilise querySelectorAll (qui retourne une liste pas live).

(après, c’est toujours une bonne pratique avec JS de cacher les valeurs en local, c’est clair)