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







Citer #1 par Bernard Furiet le 15 juin 2009 - 14:53
La recherche de modules complĂ©mentaires pour Firefox m’indique bien le plug-in « Dust-Me Selectors » mais m’indique qu’il ne fonctionne qu’avec une « ancienne » version de Firefox, la mienne Ă©tant 3.1b2 ?
Citer #2 par Lionel Roux le 15 juin 2009 - 15:47
Oui en fait les plugins « officiels » ne fonctionnent qu’avec une version dite « stable » du navigateur.
La technique consiste soit Ă aller chercher la bonne version adaptĂ©e Ă la 3.1b2 sur le site de l’Ă©diteur du plugin, soit Ă changer la version max dans le fichier install.xml de l’extension. Dedans on y trouve quelque chose comme 3.0.* Ă remplacer par 3.1.*.
Sinon, l’extension Nightly tester tool peut aussi aider:
http://blog.websourcing.fr/nightly-tester-tools-installez-facilement-des-plugins-obsoletes-ou-en-developpement-pour-firefox/
A bientĂ´t.
Sur [Webdesign] CSS Redundancy Checker, le webware ultime pour nettoyer ses CSS - Websourcing.fr le 30 avril 2009 - 08:44
[...] y a bien des outils qui aident au moins Ă trouver les styles non utilisĂ©s comme l’extension pour Firefox “Dust-Me selectors”, mais il sont peu pratique lorsque les styles sont utilisĂ©s sur plusieurs [...]