Ripulire il nostro foglio di stile dai selettori inutilizzati

Una volta terminato il nostro layout, nel tempo le piccole modifiche ad esso ed al corrispettivo foglio di stile saranno comunque frequenti: a volte inseriamo dei selettori che non serviranno, altre eseguiamo dei piccoli test grafici, che magari poi non ci soddisfano, e ci dimentichiamo di eliminare quei selettori del .css inutilizzati.
A tal fine trovavo solo tool o software che mi aiutavano ad individuare tali selettori solo su una pagina per volta, restava quindi il problema che magari alcune classi che per tale programma erano inutilizzate in una pagina non lo erano per un altra, ed era quindi necessario confrontare i diversi risultati per capire quali classi non servivano davvero.

Alla fine ieri mi sono imbattuto in Dust-Me Selectors, una piccola estensione per firefox, molto facile da usare.
Una volta caricata la nostra pagina web sarà sufficiente cliccare sul pulsante nella status bar, il tool ci dirà il numero di classi inutilizzate e quello dei fogli di stile in cui si trovano.

Ora, per ovviare il problema che vi dicevo, dovremo visitare diverse pagine del nostro sito, in modo da incontrare tutte le nostre classi nel codice, ed ogni volta cliccare sul pulsante.
Ad esempio per il mio sito, che si basa su wordpress, è stato necessario aprire naturalmente la home, un post (cerchiamone una con commenti anonimi, di admin, trackback, immagini e video), una pagina archivio, una di ricerca senza risultati ed una con, una pagina 404 e tutte quelle pagine statiche o particolari che abbiamo creato(contatti, links, mappa sito).
Alla fine della ricerca ho trovato oltre 100 selettori inutili, ed il mio foglio di stile è passato da 17kb a 12kb. Naturalmente consiglio di crearvi un backup dei vostri .css prima di eseguire questa operazione.
Link: Dust-Me Selectors

Ricevi gli aggiornamenti di 4mj.it via Feed