CSS

Avec les nouveaux thèmes graphiques, toujours plus innovant, l’utilisation du CSS sur les sites Web a fortement augmenté produisant des codes assez volumineux et ralentissant le chargement des pages.

Une bonne méthode pour limiter cet effet, serait, selon moi, de diviser le CSS des pages en plusieurs fichiers et de ne charger que ceux utiles pour la page courante, ou encore, de gérer dynamiquement (via PHP par exemple) la génération du CSS en fonction des éléments présent dans la page (mais il faudrait recharger ce fichier à chaque fois … ).

Mais cette méthode nécessite certaines connaissances en programmation ou d’avoir des contenus vraiment différents entre les pages.

Je vous propose donc une alternative qui peut se révéler efficace dans certains cas: CSS Compressor. Il s’agit d’un outils qui permet d’optimiser votre feuille de style en supprimant tous les éléments inutiles, dont les commentaires, pour en réduire la taille. Personnellement, j’ai réussi à réduire de 25% la taille du code, en utilisant le mode Super Compact et le CSS généré reste valide W3C …

Je pense donc que c’est un compromis plutôt intéressant.

J’en profite aussi pour faire un petit feedback sur mon expérience en matière de CSS: préférez toujours un fichier à part pour votre code CSS sous peine d’allonger le temps de chargement de la page.

En effet, si le liens vers votre fichier CSS est placé suffisamment tôt dans votre page (le plus tôt possible sera le mieux), le CSS et le code source de la page seront chargés en parallèle, divisant ainsi le temps de chargement.

[Source]

Articles similaires: