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.

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

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.

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

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

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

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.

viewdialog 234x300 Dust Me Selectors, nettoyez et allégez vos feuilles de styles CSS

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 ».

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

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.

 
download ico Dust Me Selectors, nettoyez et allégez vos feuilles de styles CSSTéléchargez l’extension Dust-Me Selectors pour Firefox