Comprimi i tuoi fogli di stile CSS rimuovendo spazi, commenti e caratteri superflui. Più veloce il caricamento, migliore il punteggio performance.
Il minificatore rimuove tutti i caratteri non necessari dal CSS: commenti (/* ... */), spazi multipli, newline e tab. Ottimizza anche i valori: 0px diventa 0, #ffffff diventa #fff, rimuove il punto e virgola finale prima di ogni }. Il risultato è semanticamente identico all'originale.
Per CSS scritto con indentazione generosa e commenti, il risparmio tipico è 20–40% di peso. Unito alla compressione gzip o brotli del server (che riduce ulteriormente del 70–80%), il file finale inviato al browser può essere fino al 90% più piccolo dell'originale non ottimizzato. Ogni kilobyte risparmiato riduce il tempo di rendering della pagina.
La minificazione rimuove solo caratteri non funzionali — è sicura al 100% e non cambia il comportamento del CSS. L'ottimizzazione avanzata (come quella di PurgeCSS o CSSO) va oltre: elimina selettori inutilizzati, combina regole duplicate, ottimizza specificità. Questo tool fa minificazione standard, adatta per l'uso quotidiano senza rischi.
La best practice è mantenere il CSS sorgente non minificato nel repository (leggibile, commentato, modificabile) e minificarlo automaticamente durante il build con strumenti come Vite, Webpack o PostCSS. Se non hai un build system, usa questo tool manualmente prima di ogni deploy e carica il file minificato sul server.
Sì. La minificazione rimuove solo caratteri non funzionali come spazi, commenti e newline. Il CSS risultante è semanticamente identico all'originale e produce esattamente lo stesso rendering visivo in tutti i browser.
Sì, sempre. Mantieni il CSS "sorgente" (non minificato) nel tuo progetto per poterlo modificare. Il CSS minificato è illeggibile e va usato solo in produzione — non è pensato per essere editato direttamente.
Sono due processi complementari. La minificazione riduce il numero di caratteri nel file. Gzip/Brotli comprimono il file binario durante la trasmissione HTTP. Si applicano entrambi: prima minifichi, poi il server comprime automaticamente. Insieme ottengono riduzioni dell'85–95%.
Sì. Le variabili CSS (--mia-variabile) e le funzioni calc(), min(), max() sono preservate correttamente. Il minificatore non altera la logica, rimuove solo gli spazi superflui attorno agli operatori.
Il minifier rimuove: spazi bianchi, indentazione, commenti, newline, spazi intorno a : { } ;. Non fa: rimozione di regole CSS non usate (dead code elimination — usa PurgeCSS), ottimizzazione shorthand (margin: 10px 10px → margin: 10px), autoprefixing vendor prefix (usa PostCSS Autoprefixer), calcolo compile-time di calc(). Per pipeline CSS complesse usa PostCSS; il minifier è ideale per progetti semplici senza build tool configurati.
Il risparmio tipico è 20-40% sul CSS scritto a mano con buona indentazione. Combinando minificazione con compressione Gzip lato server il risparmio totale arriva al 70-85%. Il CSS è una risorsa render-blocking: il browser non mostra nulla finché non ha scaricato e parsato tutto il CSS. Ridurre il peso del CSS riduce il First Contentful Paint (FCP) — una metrica Core Web Vitals direttamente correlata al ranking Google.
Ottimizzare il CSS custom di siti WordPress o Shopify; ridurre il peso dei fogli di stile in progetti senza Vite/Webpack; preparare CSS da incollare in CMS che non supportano preprocessori; generare versioni minificate di librerie CSS custom; ridurre il tempo di parse del CSS su dispositivi mobile lenti. Per progetti con build tool moderni (Vite, Webpack, Parcel) la minificazione CSS è automatica — usa il tool solo per check rapidi o per CSS aggiunto fuori dalla pipeline di build.