Minimizza e comprimi istantaneamente i fogli di stile CSS nel tuo browser. Rimuovi commenti, comprimi gli spazi bianchi e riduci le dimensioni del file. Gratuito e privato.
Supporta file .css. Oppure incolla il tuo CSS sopra.
La minimizzazione CSS rimuove spazi bianchi, commenti e caratteri non necessari da un foglio di stile per ridurne le dimensioni prima di essere pubblicato nei browser. Le regole effettive sono invariate: un foglio di stile minimizzato rende le pagine identiche alla fonte non minimizzata. Il risparmio deriva dalla rimozione di caratteri di fine riga, punti e virgola ridondanti, commenti, opportunità di abbreviazione di colori esadecimali e scorciatoie di unità zero (sostituendo 0px con 0).
Sui siti Web moderni con dozzine di regole di stile, la riduzione tipica è del 20–40% rispetto alla fonte non minimizzata. Combinato con la compressione gzip sul server, il risparmio marginale si riduce – gzip già comprime il testo ripetuto in modo efficace – ma la combinazione batte comunque la compressione da sola, in particolare quando i fogli di stile vengono memorizzati nella cache e serviti molte volte a molti visitatori.
Questo minimizzatore elabora i CSS in un singolo passaggio, rimuovendo i commenti al di fuori dei valori url(), comprimendo gli spazi bianchi, rimuovendo i punti e virgola ridondanti prima di chiudere le parentesi graffe, applicando una abbreviazione di unità zero e convertendo i colori esadecimali a sei cifre nella forma a tre cifre ove possibile (#ffffff → #fff). L'output rimane un CSS valido che qualsiasi browser analizza correttamente.
I file CSS più piccoli si caricano più velocemente e i tempi di blocco del rendering diminuiscono, entrambi i quali migliorano i punteggi di First Contentful Paint e Largest Contentful Paint. Per i siti in cui i Core Web Vitals influiscono sul ranking di ricerca, ogni kilobyte di CSS che blocca la visualizzazione eliminato vale lo sforzo.
Anche i costi della larghezza di banda contano su larga scala. I siti che forniscono milioni di visualizzazioni di pagina risparmiano quantità misurabili di traffico in uscita quando i loro fogli di stile sono più piccoli del 30%. Le fatture CDN, l’utilizzo dei dati mobili e il consumo energetico ne beneficiano leggermente. La minimizzazione è essenzialmente gratuita: una fase di creazione una tantum senza costi di manutenzione.
Incolla CSS, ottieni la versione ridotta.
La minimizzazione dei CSS è per lo più una rimozione conservativa degli spazi bianchi. Gli spazi bianchi all'interno di selettori, dichiarazioni e valori vengono preservati laddove significativi; lo spazio bianco all'esterno è compresso. I commenti vengono rimossi a meno che non inizino con /*! (commenti sulla conservazione della licenza).
Scorciatoie comuni: 0px, 0em e valori simili di unità zero diventano 0; i colori esadecimali a sei cifre con cifre accoppiate (#ffffff, #336699) diventano a tre cifre (#fff, #369); l'ultimo punto e virgola prima di } viene rimosso. I nomi dei colori non vengono convertiti automaticamente in esadecimale perché a volte esadecimale è più lungo (il rosso è più corto di #f00 in lunghezza; #ff0000 è più lungo del rosso).
L'output dovrebbe passare qualsiasi validatore CSS che accetta l'input. Il supporto del browser è invariato: la minimizzazione non modifica le regole stesse, ma solo la loro rappresentazione del testo.