Websourcing.fr » Actualités, Web, Logiciels et Fun

CSSCleaner, un logiciel pour nettoyer ses CSS

Tags: Logiciel, Optimisation, Utilitaire, Webdesign
Posté dans Logiciels & Webwares, Webworker par Lionel Roux le 15 nov 2008

Après vous avoir présenté CleanCSS, un webware d’optimisation, de formatage et dans une moindre mesure de nettoyage de CSS, voici un autre outil qui pourrait bien servir à des tas de personnes.

La plupart d’entre vous, qui a déjà travaillé sur des projets de webwares ou de sites web, a dû s’apercevoir qu’au fil du temps les feuilles de styles CSS grossissent. Il arrive un moment ou celles-ci deviennent très difficile à maintenir et que plus personne dans l’équipe ne maitrisent. De quoi devenir fou.

Car en effet, il est facile d’enlever un élément de l’interface mais on oublie souvent de supprimer sa mise en forme, par facilité ou encore par peur de casser quelque chose.

La question du nettoyage en profondeur se pose alors. Mais comment savoir ce qui ne sert plus et ce que je peux effectivement supprimer. Difficile tant le nombre de pages ou de templates, ou encore de plugins qui utilisent les CSS sont nombreux.

Je pense que nettoyer régulièrement ses CSS est une bonne idée, avant d’arriver à une situation incontrôlable. Et pour le faire en tout sécurité, il faut utiliser des gardes fou, des outils qui permettent de contrôler ce que l’on fait.

C’est ce que propose de faire CSSCleaner. A la différence de CleanCSS, CSSCleaner ne se contente pas de supprimer les caractères inutiles (espaces, saut de lignes, …) et de compresser l’ensemble. Il va plus loin en testant l’utilisation effective des sélecteurs CSS dans les pages.

Il vous suffit pour cela de lui indiquer le répertoire de base de votre projet (par exemple le htdocs de votre copie locale du serveur web), une feuille de style et les types de fichiers pris en compte (*.PHP, *.HTML …).

CSSCleaner va vous indiquer quelles sont les classes CSS non utilisées et vous pourrez ainsi soit les supprimer, soit (ce que je recommande) les commenter pendant un certain temps avant de les supprimer définitivement. Pour moi c’est plutôt bon. Je n’ai que 5 classes non utilisées sur ce blog. C’est normal car j’ai refais le thème de fond en comble il y a peu de temps.

Il est possible de configurer les classes à ignorer (par exemple sur Wordpress, beaucoup commencent par « wp- » pour les classes internes) grâce à des expressions régulières.

Seul petit bémol que j’ai trouvé, certaines assignations dynamiques de classes CSS (dans le code javascript ou le PHP) sont parfois ignorées. Mais le logiciel fonctionne sur 99% des cas ce qui est déjà pas mal. De quoi faire faire une cure d’amaigrissement à vos fichiers CSS.

Télécharger le logiciel CSSCleaner

Attention, le logiciel est une version Alpha et peut donc comporter des bugs. Il vient sans aucune garantie. Prenez donc vos précautions.