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 [...]