Minificatore HTML

Dove gli spazi vengono conservati

Ogni sequenza di spazi, tabulazioni e interruzioni di riga diventa un singolo spazio invece di scomparire, perché uno spazio accanto al contenuto inline è visibile: in Read <a href="/guide">the guide</a> now restano entrambi gli spazi intorno al link. Gli spazi vengono eliminati solo dove il browser non li mostrerebbe: all'inizio e alla fine di un elemento di blocco come <p>, <li> o <div>, e tra elementi di blocco adiacenti, come l'indentazione tra elementi <li>. Il testo dentro <pre>, <textarea>, <script> e <style> viene lasciato esattamente com'è.

Il CSS può far tornare importante uno spazio rimosso. Un <div> con stile display: inline-block o un paragrafo con white-space: pre-wrap visualizza spazi che il solo HTML considera invisibili, quindi confronta la pagina visualizzata con l'originale prima di pubblicarla.

Cosa cambia il parser del browser

Un frammento, come il template di un componente, viene restituito come frammento; un input con un doctype o con un tag <html>, <head> o <body> viene restituito come documento completo. In entrambi i casi, il markup passa dal parser del browser: i tag non chiusi vengono chiusi, gli elementi fuori posto vengono spostati dove li colloca il parser e un doctype HTML di qualsiasi versione diventa <!doctype html>. Tutti i commenti vengono rimossi, compresi gli indicatori dei framework scritti come commenti.

Gli script e gli stili inline vengono lasciati come sono. Minifica il loro contenuto separatamente con il minificatore JavaScript e il minificatore CSS.

Come usarlo

1. Incolla l’HTML.
2. Scegli Minifica HTML.
3. Controlla e scarica il documento compatto.

Privacy e limitazioni

Il documento rimane in locale. Verifica sempre le pagine generate, perché gli spazi bianchi possono avere un significato nei layout inline.