Websourcing.fr

Websourcing.fr » ActualitĂ©s, Web, Logiciels et Fun

Image pour CSS SuperScrub, un webware qui réduit drastiquement la taille de vos feuilles de styles

CSS SuperScrub, un webware qui réduit drastiquement la taille de vos feuilles de styles

Depuis bien longtemps maintenant, les webdesigners savent qu’il faut « minifier » les feuilles de styles. Cela passe par la suppression des espaces et tous les caractères et sauts de ligne inutiles.

En gĂ©nĂ©ral, appliquer de telles techniques permet de rĂ©duire la taille de ses feuilles de styles de manière significative. Ainsi, les fichiers Ă  tĂ©lĂ©charger pour afficher vos pages sont plus petits et donc l’opĂ©ration est plus rapide.

Mais il est possible de faire encore mieux.

CSS SuperScrub est un webware Ă  l’interface austère mais au bĂ©nĂ©fice important. Il permet de rĂ©duire la taille des feuilles de styles CSS en « minifiant » celles-ci mais aussi et surtout en les rĂ©organisant. Ainsi, il permet aussi de rĂ©duire la complexitĂ© du code CSS en supprimant les règles inutiles ou redondantes.

CSS-SuperScrub-interface

Il n’est mĂŞme pas nĂ©cessaire de coller son code CSS. Il suffit d’indiquer l’adresse de sa feuille de styles et de choisir ses options.

Une fois l’opĂ©ration effectuĂ©e, il suffit de rĂ©cupĂ©rer le code optimisĂ© et de le coller dans son fichier.

CSS-SuperScrub-resultat

On remarque au passage que la « minification » n’est pas obligatoire. D’ailleurs, je la soupçonne de ne pas ĂŞtre aussi efficace que certains outils spĂ©cialisĂ©s. Reste que par rapport Ă  la feuille de style originale, j’ai gagnĂ© 15% juste avec la rĂ©organisation, alors mĂŞme qu’elle Ă©tait dĂ©jĂ  optimisĂ©e.

Un très bon webware à garder donc dans la boite à outil du webworker. Dans le même genre, on trouve CSS Redundancy Checker.

Optimisez vos feuilles de styles avec CSS SuperScrub


Cet article vous a plu ?

Commenter Laissez un commentaire | Recevez les mises à jour Souscrivez au flux RSS | Partager : Twitter AddInto Fuzz del.icio.us Wikio FR Blogonet
Websourcing.fr - Tous droits réservés. Reproduction interdite sans accord préalable.
  1. Répondre Citer #1 par Boblastic le 11 novembre 2009 - 12:00

    L’outil est intĂ©ressant : 5% de gain pour ma part.

    Mais pour Ă©viter toute surprise, je prĂ©fère tout de mĂŞme faire une optimisation manuelle suivie d’une compression automatique Ă  l’aide de minify (ou autre).

    • Répondre Citer #2 par Lionel Roux le 11 novembre 2009 - 12:16

      Je me suis aussi posĂ© la question de la « transformation » mais en fait c’est de la logique de parcours pure, donc il ne doit pas y a voir trop de risque. Sur mon site de test, j’ai pas vu de pb particulier mais bon je n’y ai pas passĂ© deux heures non plus….

      Pour la compression, j’ai fais un truc maison qui est super efficace. Le gros plus de la solution est que lorsque j’upload une nouvelle CSS, je n’ai pas Ă  me soucier de la compresser avant, c’est fait automatiquement et une seule fois.

(Ne sera pas publié)
  1. Sur Top hebdo Fuzz | Presse-Citron le 16 novembre 2009 - 09:05

    [...] CSS SuperScrub, un webware qui rĂ©duit drastiquement la taille de vos feuilles de styles – 23 [...]