Minificare il CSS può rompere il sito?

Su un normale foglio di stile no: regole, colori e animazioni restano gli stessi. Gli spazi con un significato, come in `a :hover`, e il testo dentro le stringhe e gli `url(…)` vengono lasciati intatti.

Come si rende leggibile un CSS minificato?

Apri la scheda del formattatore e incolla il codice: le regole vengono rimesse su più righe, una dichiarazione per riga e con rientro. I commenti eliminati in fase di minificazione, però, non si possono recuperare.

La minificazione del CSS aiuta il SEO?

In modo indiretto: un CSS più leggero blocca il rendering per meno tempo e può migliorare metriche come LCP, che Google considera tra i Core Web Vitals. Da sola non fa salire di posizione, ma toglie uno dei problemi che gli strumenti di analisi delle prestazioni segnalano più spesso.

Che differenza c'è tra minificare e comprimere con GZIP?

La minificazione riscrive il file eliminando caratteri inutili; GZIP e Brotli lo comprimono durante il trasferimento e il browser lo decomprime. Funzionano meglio insieme: un file minificato e poi compresso è il più leggero possibile.

Dove vengono salvati i CSS che elaboro?

Solo nel tuo browser. Il risultato del minificatore e del formattatore entra nella cronologia dopo un secondo e mezzo senza modifiche. Si tengono le ultime 20 voci, che spariscono se cancelli i dati del sito.

Minificatore e Abbellitore CSS

Minifica il CSS per ridurre le dimensioni del file e velocizzare il tuo sito, oppure abbellisci il CSS minificato in formato leggibile. Gratuito e senza...

Aggiornato aprile 2026

Revisionato da Rafael Duarte

⠿ Opzioni di minificazione

Rimuovi spazi bianchi Abbrevia i valori dei colori Rimuovi regole vuote

Report di efficienza

Incolla del CSS per vedere le statistiche.

CSS di input

CSS minificato

Shift + Enter per copiare

Come minificare il CSS online

Comprimi per la produzione o riformatta un CSS illeggibile

1. Incolla il foglio di stile

Nella scheda del minificatore il risultato compresso compare mentre scrivi, insieme a dimensione originale, dimensione finale e percentuale risparmiata.

2. Scegli le opzioni

Rimozione degli spazi e accorciamento dei colori sono attivi di default; la rimozione delle regole vuote si attiva a mano. Per il percorso inverso, apri la scheda del formattatore.

3. Copia o scarica

Copia il risultato negli appunti oppure scaricalo come styles.min.css (o styles.css dal formattatore).

Minificatore e formattatore CSS in una pagina

Cosa toglie, cosa accorcia e cosa ricorda

Rimuove il superfluo

Commenti, a capo, spazi attorno a {, :, ; e , e l'ultimo punto e virgola prima di }.

Accorcia i colori esadecimali

#ffffff diventa #fff e #336699 diventa #369: stesso colore, tre caratteri in meno.

Elimina le regole vuote (opzionale)

Selettori senza dichiarazioni, come .vuota {}, spariscono dal risultato se attivi l'opzione.

Formattatore per il CSS minificato

Riporta il codice compresso su più righe, una dichiarazione per riga con rientro di due spazi, anche dentro le @media.

Resoconto del risparmio

Dimensione prima e dopo e percentuale di compressione si aggiornano in tempo reale.

Cronologia locale

Fino a 20 risultati salvati nel browser, da riaprire nel minificatore o nel formattatore senza incollare di nuovo il codice.

Esempi di CSS minificato

Calcolati con le opzioni predefinite

CSS originale

CSS minificato

`.menu {⏎ color: #ffffff;⏎ margin: 0 auto;⏎}` (45 caratteri)

`.menu{color:#fff;margin:0 auto}` (31 caratteri, −31,1%)

`/* header */ .titolo, .sottotitolo { font-weight: 700; }`

`.titolo,.sottotitolo{font-weight:700}`

`.vuota { } .btn { color: #336699; }` con «regole vuote» attivo

`.btn{color:#369}`

`.nav{display:flex;padding:20px}` nel formattatore

`.nav {` / ` display:flex;` / ` padding:20px` / `}`

Quando comprimere (o espandere) un CSS

Dal deploy al debug

Migliorare PageSpeed Insights

Quando PageSpeed Insights o Lighthouse segnalano CSS non minimizzato, incolla il foglio di stile e sostituisci il file pubblicato con la versione compressa.

Siti senza processo di build

Temi WordPress personalizzati, landing page statiche o siti caricati via FTP: comprimi a mano senza installare Node o plugin.

Leggere il CSS di un sito o di una libreria

Copia un file .min.css nel formattatore per capire quali regole applica prima di sovrascriverle.

Incorporare stili in email o snippet

Un blocco <style> più corto pesa meno nelle email HTML e nei widget da incollare in pagine di terzi.

Cose da sapere prima di pubblicare

Perdere il foglio di stile sorgente

Il CSS minificato serve al browser, non a te: tieni sempre il file originale con i commenti e lavora su quello. Rigenerare la versione leggibile dal formattatore non recupera i commenti.

Blocchi @media rimasti vuoti

«Rimuovi regole vuote» elimina .a{}, ma lascia il blocco @media (…){} che la conteneva, ormai vuoto. È innocuo; se vuoi un file pulito, toglilo a mano.

Commenti normali eliminati

Vengono rimossi tutti i commenti tranne quelli nella forma /*! … */, che restano per rispettare le licenze. Se un commento deve sopravvivere alla minificazione, scrivilo così.

Risparmio contato in caratteri

Il resoconto confronta il numero di caratteri, non di byte: con lettere accentate o simboli il risparmio reale in byte può differire di poco dalla percentuale mostrata.

Perché usare questo minificatore CSS

Comprimi e riformatti dalla stessa pagina, con un resoconto immediato di quanti byte risparmi e una cronologia per tornare a un risultato precedente.

Il CSS non lascia mai il tuo computer: l'elaborazione avviene in JavaScript nel browser e la cronologia resta nel localStorage di quel browser. Niente registrazione, niente upload.

Minificazione CSS o compressione GZIP?

Si sommano, non si escludono

Minificazione

GZIP / Brotli

Dove agisce

sul file sorgente

durante il trasferimento

Chi la applica

tu, prima del deploy

il server web o la CDN

Riduce il file su disco

sì

Conviene usarle insieme

sì

Domande frequenti sulla minificazione CSS

Significa togliere dal file tutto ciò che il browser non usa per applicare gli stili: commenti, a capo, spazi e punti e virgola superflui. Il risultato è più leggero e si scarica più in fretta; quanto si risparmia dipende da quanto il codice era commentato e indentato.

Riferimenti

web.dev — Minify CSS

La guida di Google (in inglese) sull'audit «Minify CSS» di Lighthouse e sul suo effetto sul caricamento.

MDN — Minification

Definizione di minificazione nel glossario di MDN (in inglese).

Wikipedia — CSS

Storia, sintassi e livelli dei fogli di stile a cascata, in italiano.