CSS Minifier

CSS minification removes all unnecessary characters from a CSS stylesheet without affecting how the page looks. This includes whitespace, line breaks, comments, and the last semicolon before a closing brace. The output is a single-line stylesheet that is functionally identical to the original but significantly smaller — typically 20–40% smaller before compression.

CSS è una risorsa che blocca il rendering. I browser devono scaricare e analizzare tutti i CSS prima di poter eseguire il rendering della pagina, il che significa che i file CSS grandi o non minimizzati ritardano First Contentful Paint (FCP) e Largest Contentful Paint (LCP). Google PageSpeed Insights contrassegna i CSS non minimizzati come opportunità "Minify CSS" e strumenti come Lighthouse penalizzano i fogli di stile che bloccano il rendering negli audit delle prestazioni.

Questo strumento elabora i CSS interamente nel tuo browser utilizzando un algoritmo di minificazione personalizzato. Rimuove i commenti, comprime gli spazi bianchi, rimuove gli spazi intorno ai caratteri della sintassi CSS ({, }, :, ;,,) e rilascia i punti e virgola finali prima di chiudere le parentesi graffe. La funzione Beautify inverte questo processo, reindentando le regole per la leggibilità, utile quando si ricevono CSS minimizzati da una terza parte e si ha bisogno di leggerli o modificarli.