Utilore

Minificare HTML

Incolla l'HTML e riprendilo senza gli spazi che nessuno vede. Il contatore sotto il campo mostra quanto hai risparmiato.

Il codice non lascia mai questa pagina: la formattazione avviene nel tuo browser.

Come si usa

  1. Incolla l'HTML nel primo campo: viene minificato mentre scrivi.
  2. Controlla le dimensioni indicate sotto il campo di input.
  3. Copia il risultato, oppure premi «Formatta» per riespanderlo.

Da sapere

Che cosa viene tolto e che cosa no

Spariscono gli a capo tra i tag, le sequenze di spazi e i commenti ordinari. I commenti condizionali restano, perché contengono marcatura per i browser vecchi. Tutto ciò che sta dentro pre, textarea, script e style passa intatto: lì un a capo è contenuto, non formattazione.

Quanto vale davvero

Su una pagina tipica la minificazione fa risparmiare dal dieci al venti per cento prima della compressione, e molto meno dopo, perché gzip gestisce già bene gli spazi ripetuti. Vale la pena inserirla nella build e vale la pena dimenticarla durante lo sviluppo, dove una marcatura leggibile non costa nulla e fa risparmiare ore.

Domande frequenti

La pagina resterà uguale?

Sì, con una precisazione: lo spazio tra elementi inline si vede nella pagina resa. Lo spazio tra i tag viene quindi ridotto a uno solo invece che eliminato, così il layout non si sposta.

Il mio codice viene inviato da qualche parte?

No. Tutto avviene nella pagina, quindi i template non ancora pubblicati restano da te.

Minifica anche il CSS e il JavaScript interni?

No. Quei blocchi vengono copiati così come sono. Per i fogli di stile usa il minificatore CSS: manipolare uno script con uno strumento pensato per la marcatura è il modo classico di introdurre errori difficili da vedere.

Posso tornare indietro?

Premi «Formatta» e la marcatura viene di nuovo disposta con le indentazioni. Gli a capo originali sono persi, ma la struttura torna.

Strumenti correlati