Comprimi (minify) codice HTML

Come funziona la minificazione HTML

Il minificatore rimuove i commenti HTML e collassa gli spazi superflui tra i tag - indentazione, righe vuote - senza toccare il contenuto dei tag <script>, <style>, <pre> e <textarea>, dove gli spazi possono avere un significato. Il risultato ha lo stesso aspetto visivo ma un file più leggero.

Vuoi comprimere anche i fogli di stile o gli script separatamente? Prova minify CSS o minify JS.

Cosa viene rimosso dalla minificazione HTML

Oltre a spazi bianchi e interruzioni di riga superflue, la minificazione HTML rimuove i commenti (che servono solo a chi legge il codice, non al browser) e comprime gli attributi ridondanti, mantenendo intatta la struttura funzionale della pagina. Il codice risultante è meno leggibile per un essere umano ma identico nel comportamento per il browser che lo interpreta.

Un dettaglio tecnico da conoscere: i blocchi protetti

Non tutto il contenuto di un file HTML va compresso allo stesso modo: il testo dentro tag come <pre>, <script> o <textarea> deve mantenere spazi e interruzioni di riga esatte, perché alterarle cambierebbe il risultato visibile o l'esecuzione del codice. Questo strumento riconosce questi blocchi e li lascia intatti, minificando solo il markup HTML circostante.

Domande frequenti