On reparle des performances CSS. Souvenez-vous, je vous avais parlé d’un document de Mozilla faisant état des sélecteurs plus ou moins performants. S’était ensuivi une discussion à propos de la pertinence de tels sujets vu la différence de performance mise en oeuvre.
Je vous invite à relire ce second billet, qui résume assez bien. Si on remet le couvert c’est que Jon Sykes a refait un troisième test tout récemment, avec un graphique assez sympa
Nous avons peu d’informations officielles de la part des navigateurs sur les performances de leurs moteurs. Le Mozilla Developer Center nous propose tout de même une courte page sur comment écrire des feuilles de style efficaces.
Dans ce billet j’appellerai critère une partie de sélecteur qui contient un identifiant, une classe, un nom de balise ou * (par exemple : #back, *:link, .selected, input[type="text"], ou ul.menu). Les directives de l’article de Mozilla peuvent être regroupées en quatre groupes :