Compressez vos feuilles de style CSS

Attention, cet article a été posté en 2009. Il est possible que les informations mentionnées ne soient plus d'actualité, ou que mon opinion ait évolué. Merci d'en tenir compte lors de votre lecture.

Bien que la bande passante proposée par les Fournisseurs d'Accès Internet soit en constante augmentation, celle de votre serveur est généralement limitée. Ainsi, il reste important d'alléger au mieux vos fichiers ; cela permettra en plus de réduire au maximum les temps de chargement, et donc d'améliorer l'expérience utilisateur de vos lecteurs.

CSS SuperScrub est un service en ligne permettant d'optimiser et de compresser vos feuilles de style CSS. Pour cela, il regroupe intelligemment les propriétés redondantes, et retire l'inutile.

Très simple à utiliser, il suffit de copier l'adresse URL de votre site Internet, d'envoyer la sauce, et de récupérer le résultat. En testant avec celle d'ilonet, j'obtiens un gain de 12% en mode "normal", et de 23% si je lui demande de retirer tous les espaces.

Vos réflexions

C'est bien :)
On peut faire pleins de choses pour optimiser les performances de son site web...

Réduire le poids des images avec smushit, placer les javascripts (si possible) en fin de page, compresser les javascripts, mettre tous les éléments en cache, etc...

De quoi s'amuser :)
A noter qu'on peut faire la même chose avec les javascripts... je crois qu'il existe même un plugin wordpress pour compacter les JS entre eux et éviter les chargements inutiles.
Je viens de regarder avec la feuille de style d'ilonet, et en retirant les espaces, le résultat est en effet très condensé... par contre, pas interet d'avoir d'autres modifs à faire par la suite, car c'est vraiment indigeste !
@Jusled : Il ne faut passer à la moulinette que la feuille de style stockée sur le serveur. Il est bien évidement nécessaire d'en garder une version "originale" dans un coin de son disque dur ;)
Merci pour ce lien.