Due lavori opposti sullo stesso testo. Formattare aggiunge a capo e indentazione perché una persona segua l’annidamento; minificare toglie tutto ciò che al browser non serve. Qui entrambi agiscono sui caratteri che hai dato, non su un documento ricostruito: ciò che esce è ancora il tuo markup.

Come si usa

1. 1 Incolla l’HTML: una pagina intera o solo un frammento.
2. 2 Scegli l’indentazione, poi Formatta o Minifica.
3. 3 Copia il risultato o passalo dall’altro pulsante per confrontare.

Gli spazi non sono sempre rumore

Tra due elementi inline uno spazio singolo è testo visibile: toglilo e «uno due» diventa «unodue». Tra elementi di blocco lo stesso spazio non significa nulla. Il minificatore qui elimina l’indentazione ma tiene lo spazio separatore dove sta facendo un lavoro vero.

Perché pre e textarea restano intatti

Al loro interno ogni spazio e ogni a capo è contenuto che il lettore vedrà. Reindentare un blocco di codice cambierebbe in silenzio ciò che mostra, e tagliare una textarea cambierebbe il valore inviato dal form. Lo stesso vale per script e style: il loro contenuto è un altro linguaggio e passa intatto.

Formatta, non ripara

Gli strumenti costruiti sul parser del browser riparano in silenzio il markup rotto: chiudono i tag, buttano quelli spaiati e spostano elementi dove la specifica pretende. Mentre fai debug spesso non è ciò che vuoi: il bug che stai inseguendo può essere proprio ciò che è stato riparato. Questo riformatta il testo e lascia gli errori dove puoi vederli.

Minificare l’HTML è la vittoria piccola

Togliere gli spazi da una pagina di solito fa risparmiare qualche punto percentuale, e il gzip sul server avrebbe comunque compresso gran parte di quello. Il peso vero sta in immagini, font e script. Minifica l’HTML perché un generatore di template ha lasciato l’output illeggibile, non perché ti aspetti una pagina molto più veloce.