Quanto è più piccolo l'HTML minimizzato?

Tipicamente del 5-15% più piccolo prima di gzip, di più su pagine con molti spazi bianchi e commenti. Dopo gzip i risparmi scendono a qualche percent — ma ogni byte conta sul first paint di una pagina.

La minimizzazione romperà la mia pagina?

No, purché l'input sia HTML valido. Il minimizzatore preserva esattamente la struttura DOM. Gli spazi bianchi tra elementi inline sono a volte significativi, quindi lo strumento li mantiene dove potrebbero influenzare il rendering.

Per default, sì. Puoi preservare i commenti condizionali (i vecchi blocchi solo IE) e le intestazioni di licenza tramite il toggle preserva-commenti. I commenti normali vengono rimossi per risparmiare byte.

Posso abbellire una singola riga di HTML?

Sì. Il beautifier analizza qualsiasi HTML piatto e lo indenta secondo l'albero DOM. Lo rende leggibile anche quando l'input è output minimizzato da una pipeline di build.

Il mio HTML viene inviato da qualche parte?

No. L'elaborazione gira interamente nel browser. Nulla viene caricato o registrato.

HTML Minifier & Beautifier — Strumento online gratuito

Minimizza o abbellisce HTML nel browser, senza upload e senza account. Toova rimuove spazi bianchi, commenti e virgolette opzionali per ridurre l'HTML per la produzione, oppure stampa in modo leggibile markup minimizzato da pipeline di build o generatori statici in qualcosa che puoi effettivamente analizzare e capire.

Cosa rimuove la minimizzazione HTML

Spazi bianchi tra tag, virgolette non necessarie attorno ai valori degli attributi, tag di chiusura ridondanti, commenti e attributi vuoti si sommano. La modalità minimizza taglia tutto in modo sicuro — l'output viene renderizzato in modo identico in ogni browser moderno. Per pagine molto grandi o HTML statico servito da un CDN, i risparmi sul first-byte time sono misurabili, specialmente prima che la compressione si attivi.

Modalità abbellisci

Quando hai bisogno di controllare HTML generato da macchine, fare debug di una pagina renderizzata lato server o leggere l'output di un generatore di siti statici, la modalità abbellisci è quella che vuoi. Toova prende HTML piatto su riga singola e lo espande in un albero correttamente indentato con confini di blocco chiari. Il livello di indentazione è configurabile — 2 spazi, 4 spazi o tabulazioni — a seconda della tua preferenza di lettura.

Solo browser

Tutta l'elaborazione gira nel browser, senza contattare server di terze parti. L'HTML che incolli — anche template proprietari o markup sensibile con dati riservati — non lascia mai la pagina. Questo rende lo strumento sicuro per lavorare con design interni, template email specifici per clienti o qualsiasi cosa coperta da un NDA. La pagina funziona offline dopo il primo caricamento, senza dipendenze dalla rete.

Domande frequenti

Quanto è più piccolo l'HTML minimizzato?: Tipicamente del 5-15% più piccolo prima di gzip, di più su pagine con molti spazi bianchi e commenti. Dopo gzip i risparmi scendono a qualche percent — ma ogni byte conta sul first paint di una pagina.
La minimizzazione romperà la mia pagina?: No, purché l'input sia HTML valido. Il minimizzatore preserva esattamente la struttura DOM. Gli spazi bianchi tra elementi inline sono a volte significativi, quindi lo strumento li mantiene dove potrebbero influenzare il rendering.
Rimuove i commenti?: Per default, sì. Puoi preservare i commenti condizionali (i vecchi blocchi solo IE) e le intestazioni di licenza tramite il toggle preserva-commenti. I commenti normali vengono rimossi per risparmiare byte.
Posso abbellire una singola riga di HTML?: Sì. Il beautifier analizza qualsiasi HTML piatto e lo indenta secondo l'albero DOM. Lo rende leggibile anche quando l'input è output minimizzato da una pipeline di build.
Il mio HTML viene inviato da qualche parte?: No. L'elaborazione gira interamente nel browser. Nulla viene caricato o registrato.