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!
css uncss html mit node.js nodejs queryselector css-parser
Commentami!