CSS Minifier Gratuito
Questo minificatore CSS gratuito rimuove commenti, interruzioni di riga e spazi extra da un foglio di stile e elimina il punto e virgola finale in ogni regola, mostrando quanti byte hai risparmiato. Le stringhe tra virgolette e i valori url() sono protetti, e i commenti di licenza che iniziano con un punto esclamativo possono essere conservati. È perfetto per chi vuole un foglio di stile più piccolo senza installare strumenti di build.
CSS Minifier
Generators and Converters
Informazioni su questo strumento
Un foglio di stile blocca il rendering: il browser non disegnerà la pagina finché il CSS nell'head non è stato scaricato e analizzato. Ridurne la dimensione è uno dei miglioramenti di velocità più semplici, e la minificazione rimuove solo caratteri che il browser ignora, quindi la pagina avrà lo stesso aspetto.
Il minificatore rimuove i commenti, comprime gli spazi bianchi, elimina gli spazi intorno alle parentesi graffe, ai punti e virgola, alle virgole e ai combinatori di figli, e rimuove il punto e virgola prima di una parentesi graffa di chiusura. Il testo tra virgolette e dentro url() viene lasciato intatto, e i commenti che iniziano con un punto esclamativo vengono conservati quando scegli di mantenere gli avvisi di licenza.
Non unisce le regole, non rinomina le classi e non rimuove il CSS inutilizzato, quindi l'output è sempre una copia fedele delle tue regole. Mantieni il file leggibile nel tuo progetto e pubblica quello minificato. Per leggere di nuovo il CSS minificato, usa il CSS beautifier. Nulla di ciò che incolla viene archiviato.
Domande frequenti
La minificazione del CSS può rompere il mio design?
No, quando vengono rimossi solo commenti e spazi bianchi. Questo strumento mantiene le stringhe e i valori url() come sono. Se la pagina ha un aspetto diverso dopo la pubblicazione, la causa è solitamente un file memorizzato nella cache, quindi cancella la cache o aggiungi un numero di versione al nome del file.
Qual è la differenza tra minificazione e compressione?
La minificazione riscrive il file in modo che abbia meno caratteri. La compressione come gzip o Brotli viene applicata dal server durante l'invio del file. Funzionano insieme: minifica prima, poi lascia che il server comprima, e il visitatore scarica la versione più piccola possibile.
Rimuove il CSS inutilizzato?
No. La rimozione delle regole inutilizzate richiede una scansione delle tue pagine reali, perché una regola che sembra inutilizzata potrebbe stilizzare un menu o un popup che appare dopo. Questo strumento riduce solo ciò che incolla, quindi ogni regola che hai scritto rimane nell'output.
Perché conservare i commenti di licenza?
Molte librerie richiedono che un breve avviso rimanga nel file. Per convenzione questi commenti iniziano con un punto esclamativo. Seleziona l'opzione per conservarli e rimarranno nell'output mentre tutti gli altri commenti vengono rimossi.