Minificatore CSS in linea

Questa pagina apre il minificatore di codice con CSS preselezionato. Incolla un foglio di stile, premi il pulsante e otterrai un'unica riga compatta: commenti rimossi, spazi bianchi compressi attorno a parentesi graffe, due punti, punto e virgola e virgole e l'ultimo punto e virgola ridondante prima che ogni parentesi graffa di chiusura venga eliminata.

I CSS rispondono molto bene alla minimizzazione perché i fogli di stile formattati sono costituiti principalmente da rientri e commenti: il risparmio tipico è compreso tra il 15% e il 40% della dimensione del file. CSS più piccoli significano che il browser inizia il rendering prima, poiché i fogli di stile sono risorse che bloccano il rendering: ogni kilobyte tagliato dai CSS riduce il tempo necessario per dipingere prima su connessioni lente.

Il minificatore è attento dove conta: le stringhe nelle proprietà del contenuto e i valori url() vengono copiati alla lettera e gli spazi attorno ai due punti a livello di selettore vengono mantenuti in modo che i combinatori come "a :hover" mantengano il loro significato. Il pannello delle dimensioni mostra i byte prima e dopo più la percentuale salvata e il risultato può essere copiato o scaricato con un clic.