Dust-Me Selectors, nettoyez et allégez vos feuilles de styles CSS

Dans ma quête de l’optimisation de ce blog, je suis amené a tester différents outils et solutions. Après avoir utilisé Pingdom et Firebug pour trouver ou se situent les problèmes, j’ai décidé de m’atteler à mes feuilles de styles CSS.

A force de changements de design et d »intégrations de plugins, j’ai au fur et à mesure du temps ajouté un nombre conséquent de sélecteurs CSS. Un grand nombre est toujours valide mais certains ne servent plus du tout. Il faut donc nettoyer.

J’avais fait un billet sur CSSCleaner, un logiciel génial qui fait exactement cette tache de nettoyage.

Aujourd’hui je vous présente un autre outil équivalent. Il s’agit d’un plugin pour Firefox, nommé Dust-Me Selectors. Une fois installé, celui-ci prend place dans la barre d’outils inférieure du navigateur sous la forme d’une petite icône de balai.

En cliquant sur cette icône, vous lancez le balayage des styles.

Ce plugin extrait les sélecteurs des styles CSS référencés (interne ou externe) et analyse la page chargée pour trouver les sélecteurs non utilisés.

Ceux-ci sont stockés et la liste de présence est mise à jour au fur et à mesure de la navigation dans les pages d’un sites. Il est aussi possible de demander à l’extension de « crawler » tout le site en lui donnant une « sitemap ».

Les possibilités sont multiples. Ils faut encore que j’explore ce plugin pour en tirer le meilleur. Mais d’ores et déjà je le trouve excellent.

De quoi commencer mon grand nettoyage et mon optimisation pour obtenir un meilleur blog.

 
Téléchargez l’extension Dust-Me Selectors pour Firefox