UnCSS per rimuovere CSS inutilizzato

UnCSS è uno strumento utilizzabile liberamente e messo a disposizione degli sviluppatori sotto licenza MIT che permette di scovare e rimuovere regole CSS inutilizzate dai fogli di stile; si tratta di una soluzione particolarmente comoda da adottare in quanto essa è in grado di operare su più file e può essere impiegata anche per il CSS associato alle pagine Web attraverso JavaScript Injection.

UnCSS basa il suo funzionamento sulla piattaforma JavaScript on the server NodeJS, potrà essere installato tramite package manager npm e utilizzato direttamente da linea di comando; di base sarà possibile lanciare istruzioni che prevedono il passaggio alla command keyword uncss dei parametri relativi all'URL del sito da analizzare e del file CSS da manipolare; come mostrato nell'esempio seguente:

uncss http://html.it > styles.css

Verrà così inizializzato un processo che prevede innanzitutto il caricamento dei file HTML tramite PhantomJS (che fornisce il supporto nativo per diversi Web standards) e l'esecuzione di JavaScript; fatto questo le regole CSS e i fogli di stile saranno estratti dall'HTML ottenuto in output, questi ultimi verranno quindi concatenati e le regole sottoposte ad analisi sintattica tramite l'azione del CSS parser per NodeJS css-parse.

Infine, la Web API Interface document.querySelector si occuperà di filtrare ed escludere tutti i selettori non individuati nei file HTML, mentre le regole restanti saranno riconvertite in CSS. La procedura per la localizzazione e la rimozione sarà quindi del tutto automatizzata, una caratteristica che potrebbe rivelarsi particolarmente comoda nel caso in cui si voglia intervenire su progetti articolati che, con il passare del tempo, hanno subito numerose correzioni e modifiche.

Via UnCSS