Due lavori opposti sullo stesso foglio di stile. Minificare toglie ciò che serve solo agli umani: commenti e indentazione. Formattare li rimette, così un file ereditato torna leggibile. Entrambi agiscono sul testo che hai dato e nessuno tocca il significato del CSS.

Come si usa

1. 1 Incolla il CSS: un file intero o una singola regola.
2. 2 Premi Minifica per comprimere, o Formatta per espandere con indentazione.
3. 3 Controlla i byte, poi copia il risultato.

Uno spazio in un selettore non è decorazione

«.a .b» seleziona un .b dentro un .a; «.a.b» seleziona un elemento che porta entrambe le classi. Sono selettori diversi, e un minificatore che considera lo spazio come aria colora in silenzio gli elementi sbagliati. Qui lo spazio tra due parti del selettore sopravvive sempre: si toglie solo quello attorno a combinatori come > e +.

calc() ha bisogno dei suoi spazi

In «calc(100% - 10px)» gli spazi attorno al meno sono richiesti dalla grammatica: senza di essi il browser legge «-10px» come una lunghezza negativa, l’espressione diventa non valida e l’intera dichiarazione viene buttata. Nulla ti avvisa: il layout è semplicemente sbagliato. Questo strumento non toglie mai spazi dentro le parentesi.

I commenti di licenza restano

Un commento che si apre con /*! porta una nota di copyright o di licenza e, per convenzione, ogni minificatore lo conserva. Toglierlo significherebbe rimuovere l’attribuzione che una libreria ti chiede di distribuire. I commenti /* ordinari sono per te e il tuo team: quelli vanno via.

Minificare il CSS rende meno di gzip

I server comprimono già i fogli di stile in uscita, e gzip se la cava benissimo con gli spazi ripetuti: minificare sopra di solito fa risparmiare qualche punto percentuale, non la metà. Fallo perché quel file è ciò che va in produzione e lo vuoi piccolo e stabile, non perché ti aspetti una pagina molto più veloce.