Minificare e formattare CSS

Incolla il tuo foglio di stile e premi «Minifica» per togliere commenti, spazi e a capo inutili, oppure «Formatta» per trasformare un CSS compresso in codice leggibile e ben indentato. Tutto avviene nel tuo browser.

Che cosa fa il minificatore?

Elimina tutto ciò di cui il browser non ha bisogno: commenti, rientri, a capo, spazi attorno a parentesi graffe, due punti, virgole e combinatori, e il punto e virgola finale di ogni blocco. Il risultato di solito pesa dal 15% al 30% in meno e funziona esattamente allo stesso modo.

Rispettiamo ciò che non si può toccare: il contenuto delle stringhe (content: "…"), i percorsi di url(), gli spazi obbligatori di calc() e delle media query, e i commenti che iniziano con /*!, che per convenzione contengono licenze e vanno conservati.

Minificare in produzione

Meno byte significano un download più rapido e migliori metriche Core Web Vitals, soprattutto su mobile. Oltre a minificare, attiva la compressione gzip o Brotli sul server, che riduce il CSS molto di più, e servi i file con una cache di lunga durata.

In un progetto con strumenti di build (Vite, webpack, PostCSS…) la minificazione avviene automaticamente con cssnano o Lightning CSS; questo strumento è utile per siti semplici, template o per leggere (formattare) il CSS minificato di un'altra pagina.