Rimuovere CSS inutilizzato con UnCSS

Oggi vediamo un piccolo programma che serve per rimuovere il CSS inutilizzato da pagine web.

Il programma è sotto licenza MIT, e sostanzialmente trova e rimuove le regole inutilizzate.

Questo ci permette di ridurre il peso di ciò che viene caricato dalla pagina, essendo anche codice non usato.

Il programma si basa su Node.js, e quindi è usabile su tutte le piattaforme.

Una volta installato Node.js, potete installare UnCSS tramite npm.

Poi basterà dare questo comando:

uncss http://www.google.it > style.css

Il processo estrae tutto il codice HTML e le regole CSS; poi il CSS viene analizzato attraverso css-parser, il parser di Node.js.

Infine viene usata la Web API document.querySelector che si occupa di filtrare ed escludere tutti i selettori non indivduati nell'HTML.

Le regole restanti verrano tradotte in CSS e messe nel file indicate dal comando.

Da provare!!

Enjoy!