CSS performance revisited: selectors, bloat and expensive styles - Author and responsive web developer Ben Frain

Un article donnant les choses en CSS qui font que l’affichage de la page est lente.

Si vous voulez une conférence sur le sujet, par les gens de chez Mozilla, donc pas des noobs : http://www.dailymotion.com/video/xp69td_un-navigateur-comment-ca-marche_news
Qui explique comment marche un navigateur, quelles sont les étapes lors du rendu des pages, entre la requête HTTP et l’affichage final de la page.

Je conseille à tous les web-dév de regarder la vidéo (50 minutes) : on comprend plein de choses, et ça permet de soutenir autrement que par des benchmarks aléatoires pourquoi et comment certaines pratiques sont mieux que d’autres (notamment l’emploi des ID sont mieux que des classes, ou des sélecteurs imbriqués comme « ul li > a » sont moins bien que les « a.menulink »).

(après, bon : ça se chiffre en milli- voire microsecondes, mais quand même : c’est bon à savoir et ça permet de coder autrement, en tenant compte de la propreté du code, de sa validité, mais aussi de la facilité d’interprétation par un logiciel, ce qui rajoute une couche de difficulté, mais rend les choses encore plus passionnantes !)

(via)