Développement, annonces, mises à jour, insolite : le Blog.

Accueil / Blog / Développement / Eviter les expressions CSS

lun.		Eviter les expressions CSS  Catégorie : Développement.  Tags : Performances, Web.
20	/04
	09

"Précédemment dans la série des performances sur le Web" : je vous avais expliqué qu’il est bénéfique et donc conseillé de déplacer toutes vos lignes d’appel de script juste avant de refermer la balise body. Parlons maintenant de la règle numéro 7 : éviter les expressions CSS.

Les expressions CSS - comme on les appelle - ne sont qu’un moyen d’intégrer du JavaScript dans vos feuilles de style CSS. Elles sont supportées uniquement sous Internet Explorer de la version 5 à la version 7 (eh oui, ils les ont abandonnées dans la version 8 !).

Outre le fait que les expressions CSS sont assez puissantes (vous imaginez bien que rendre dynamiques les propriétés de vos styles peut-être intéressant), sachez qu’elles sont aussi fortement déconseillées du point de vue des performances ! En effet, premièrement, si l’on sépare les CSS et le JS du HTML dans des fichiers bien distincts ce n’est justement pas pour aller mélanger les CSS et le JavaScript ! Ensuite, la raison principale avancée par l’équipe Yahoo pour oublier les expressions CSS est que ces dernières sont recalculées à chaque fois que l’utilisateur redimensionne la page, utilise le scroll, à chaque fois qu’il bouge la souris, etc. Bref, une horreur, un peu comme le coup du mode de rendu des tableaux HTML (pour faire court, utilisez la directive CSS table-layout:fixed et les navigateurs Web lutteront moins pour l’affichage et le reflow de vos grands tableaux aux multiples lignes et colonnes) ; les propriétés CSS à base d’expression JavaScript peuvent donc être recalculées des dizaines de milliers de fois en peu de temps ce qui arrive à être plutôt lourd à digérer pour quelque chose de si simple à éviter !

Malgré tout, pour ceux ou celles qui seraient tout de même intéressé(e)s et qui souhaiteraient en savoir plus sur les expressions CSS, vous pouvez toujours consulter la page officielle Microsoft ou bien ce blog ci et encore ce blog là.

Cordialement.

PS : par manque de temps ces dernières semaines, je n’ai pas pu assurer la mise en ligne régulière de mes posts sur le sujet des performances Web, veuillez m’en excuser, on se retrouve donc très bientôt avec la règle numéro 8, externaliser le JavaScript et les CSS.

0 commentaire.

Billet lu 0 fois.   Écrit par : Sebastien P.

< Billet précédent | Haut de la page

Le module de commentaires est temporairement désactivé.
Merci de votre compréhension.