Commentaires sur : Vidéo de la phase de rendu du navigateur

Par : Nicolas F.

Nicolas F. — Fri, 06 Feb 2009 08:51:53 +0000

No prob., même si je viens de me rendre compte d’une erreur, il faut remplacer « li » par « ul » car c’est à la liste qu’on ajoute les items.

Louis — Wed, 04 Feb 2009 18:08:30 +0000

Merci pour l’explication Nicolas ! Avec l’exemple c’est très clair 🙂

Laurentj — Wed, 04 Feb 2009 13:48:22 +0000

Sachant que plus il y a de reflows, plus la page met du temps à s’afficher (normal…).

Nicolas F. — Wed, 04 Feb 2009 08:16:34 +0000

@Louis :
En fait, c’est pour visualiser le nombre de reflows et détecter un nombre anormalement élevé. Exemple :

document.body.appendChild(var ul=document.createElement(‘ul’));
for(var i=99; i>=0; i–)
li.appendChild(document.createElement(‘li’);
=> 100 reflows

var ul=document.createElement(‘ul’)
for(var i=99; i>=0; i–)
li.appendChild(document.createElement(‘li’);
document.body.appendChild(ul);
=> 1 reflow

Louis — Tue, 03 Feb 2009 21:03:44 +0000

J’ai du mal à dégager une analyse de ces vidéos. Que doit-on retenir ici ?

mat — Tue, 03 Feb 2009 16:33:16 +0000

Oublié de dire, le mot clé magique pour trouver tout ca c’est MozAfterPaint.

mat — Tue, 03 Feb 2009 16:28:50 +0000

Sinon, ya des bookmarklets pas 100% fiables mais qui marchent pour ca aussi. Demande FF 3.1.