Vai al contenuto

Minificatore HTML

Riduci HTML eliminando commenti, spazi bianchi non necessari e attributi vuoti.

Ingresso
Uscita

Minificatore HTML

Incolla qualsiasi documento o frammento HTML e questo strumento restituisce una versione più piccola con lo stesso risultato renderizzato. Rimuove i commenti, riduce gli spazi bianchi ridondanti tra i tag e all'interno degli elenchi di attributi, e toglie gli attributi vuoti come class="" che un browser ignora comunque. Usalo prima di pubblicare una pagina statica, incorporare un modello in un altro sistema o incollare il markup da qualche parte con un limite di dimensione.

Quattro opzioni controllano quanto va la minificazione. "Preserva il contenuto di pre, textarea e script" mantiene gli spazi esatti all'interno di questi elementi inalterati per impostazione predefinita, poiché uno spazio smarrito all'interno di un blocco <pre> o di uno script è spesso significativo; disattivalo solo se sai che quel contenuto può tollerare il collasso degli spazi. "Unisci più spazi nel testo" converte le sequenze di spazi, tabulazioni e interruzioni di riga nel testo ordinario in un singolo spazio. "Rimuovi le virgolette dai valori di attributo semplici" toglie le virgolette intorno ai valori come id=box che non ne hanno bisogno secondo la specifica HTML5 — qualsiasi cosa con uno spazio, un segno di uguale o un'altra virgoletta rimane tra virgolette. "Rimuovi i tag di chiusura facoltativi" toglie i tag di chiusura che un browser deduce da solo, come </li> prima di un altro <li> o </td> prima di </tr>, utilizzando le stesse regole che i browser utilizzano per chiuderli automaticamente.

Lo strumento funziona sul testo grezzo del tuo markup piuttosto che re-serializzare un DOM completo, quindi non riscrive mai la capitalizzazione dei nomi di tag o attributi — SVG in linea con elementi sensibili alle maiuscole come viewBox o clipPath passano invariati. Gestisce sia le interruzioni di riga Windows che Unix, e il conteggio sotto l'output segnala la dimensione in byte prima e dopo la minificazione insieme alla percentuale risparmiata.

Tutto viene eseguito localmente nel tuo browser — il tuo markup non viene mai caricato da nessuna parte, il che lo rende sicuro per i modelli interni o qualsiasi cosa non ancora pubblica. Copia il risultato, scaricalo come file .txt o rinvia l'output all'input per applicare un altro passaggio.

FAQ

Questo romperà la mia pagina?
Le opzioni predefinite sono conservatrici: il contenuto di pre, textarea e script viene lasciato intatto, e i tag di chiusura vengono rimossi solo dove la specifica HTML5 dice che un browser li deduce comunque. Rivedi il risultato prima di pubblicare se attivi le opzioni più aggressive.
Minifica anche il CSS e JavaScript all'interno del mio HTML?
No. Il contenuto all'interno dei tag <style> viene trattato come testo ordinario e il contenuto all'interno dei tag <script> è preservato per impostazione predefinita. Usa un minificatore CSS o JS dedicato su quel codice separatamente, quindi incolla la pagina combinata qui.
Cosa succede ai commenti?
Tutti i commenti HTML vengono rimossi, inclusi quelli utilizzati per note o marcatori di sezione. Se hai bisogno di mantenere un commento specifico, rimuovilo dall'input prima di incollare, o reinseriscilo dopo la minificazione.
Perché un attributo alt vuoto rimane nelle mie immagini?
alt="" è significativo — dice alla tecnologia assistiva che un'immagine è decorativa — quindi questo strumento la mantiene anche se rimuove altri attributi vuoti come class="".
Il mio HTML viene caricato da qualche parte?
No. La minificazione viene eseguita interamente nel tuo browser utilizzando JavaScript locale — il tuo markup non lascia mai il tuo dispositivo.