December 2008
Questions de rendu — Performance web
Sur les sélecteurs CSS
Tout d’abord on confirme ce qui avait déjà été écrit sur les sélecteurs CSS, c’est à dire qu’ils sont interprétés de droite à gauche. Il faut tenter d’être le plus précis possible à droite, dans l’idéal un identifiant, un nom de classe, ou au moins un nom de balise. Le reste du sélecteur a plus tendance à ralentir qu’autre chose.
Le second point concerne :hover qui pose si j’ai bien compris des problèmes. Soyez le plus précis possible sur la partie qui contient le :hover, même si elle n’est pas à droite du sélecteur.
Sur l’organisation de vos scripts
Enfin, et c’est probablement la remarque la plus importante à mon humble avis, il vaut mieux parfois en javascript faire une boucle pour lire des informations et une seconde pour modifier le DOM, plutôt que de tout faire en une passe. C’est cohérent avec ce que les bons intégrateurs connaissent déjà mais je crois que peu de gens le mettent en pratique.
