Minimizza CSS

Rendi più piccoli CSS, HTML e JavaScript senza romperli

Codice minimizzato

Commenti, spazi e a capo vengono rimossi. Nomi e valori restano come sono, quindi il codice funziona allo stesso modo.

Tutto avviene nel tuo browser: il tuo testo non viene mai inviato da nessuna parte.

Come minimizzare il CSS

Passo 1

Incolla il CSS nel primo campo

Passo 2

Guarda il codice minimizzato e i byte risparmiati

Passo 3

Copia il CSS minimizzato nel tuo sito

Cosa fa la minimizzazione del CSS

Spazi, a capo, rientri e commenti rendono un foglio di stile facile da leggere per le persone, ma i browser non ne hanno bisogno. Incolla il CSS e il codice minimizzato appare mentre scrivi, con la sua dimensione in byte e quanto è stato risparmiato. Viene tolto solo ciò che non cambia nulla: lo spazio in un selettore discendente come nav a resta, perché nava sarebbe un altro selettore, e restano anche gli spazi di cui calc() ha bisogno. I commenti che iniziano con /*!, che di solito contengono una licenza, vengono mantenuti.

Lo stesso strumento minimizza anche HTML e JavaScript: scegli il linguaggio sopra il campo. Per l'HTML, «Rimuovi i commenti» elimina i commenti e «Minimizza anche il CSS e il JavaScript al suo interno» minimizza anche i blocchi di stile e di script della pagina. Il JavaScript viene prima controllato dal tuo browser e, se il codice ha un errore, lo strumento lo mostra invece di minimizzarlo. La minimizzazione si aggiunge alla compressione gzip o Brotli del server, perché le due riducono il file in modi diversi. Il tuo codice non viene inviato da nessuna parte.

AnyTextEditor ti è stato utile?

Ciao. Ci siamo impegnati molto per creare un sito web conveniente che usiamo noi stessi. Se ti è piaciuto uno dei nostri strumenti ed editor, aggiungilo ai tuoi segnalibri, perché ti sarà utile più di una volta. E non dimenticare di condividere sui social media. Saremo migliori per te.