HTML Minifier

Incolla l'HTML per rimuovere commenti e spazi superflui e minificare CSS e JavaScript inline. Il contenuto di <pre> e <textarea> resta esattamente com'è scritto.

Funziona nel browserNessuna registrazioneNessun caricamento

Output minificato

Come usare HTML Minifier

  1. Incolla un documento o un frammento HTML, oppure apri un file .html.
  2. Scegli cosa rimuovere: commenti, spazi e se minificare anche i blocchi inline <style> e <script>.
  3. Controlla la riga degli avvisi: uno script inline con un errore di sintassi viene lasciato invariato invece di rompere la pagina.
  4. Copia l'HTML minificato o scaricalo.

Cosa viene rimosso?

  • Commenti: <!-- … --> viene rimosso, tranne i commenti condizionali di Internet Explorer e i commenti che iniziano con <!--!.
  • Spazi tra elementi di blocco: a capo e indentazione tra tag come <div>, <li> o <head> non vengono mai visualizzati, quindi vengono eliminati del tutto.
  • Sequenze di spazi nel testo: vengono ridotte a un solo spazio, esattamente come le visualizza comunque il browser.
  • Spazi dentro i tag: <p class = "a"> diventa <p class="a">.

Cosa viene mantenuto?

In alcuni punti gli spazi sono significativi e il minifier li rispetta. Il contenuto di <pre> e <textarea> viene mantenuto byte per byte. Un singolo spazio tra elementi inline, come in <b>bold</b> text, viene conservato perché rimuoverlo unirebbe le parole. Valori degli attributi e virgolette non vengono mai modificati.

CSS e JavaScript inline

I blocchi inline <style> vengono ottimizzati con CSSO e i blocchi inline <script> con Terser, gli stessi motori usati nelle pagine CSS minifier e JavaScript minifier. JSON-LD e gli altri blocchi script JSON vengono compattati, mentre gli script di tipo sconosciuto (ad esempio i template) restano invariati.

Conviene minificare l'HTML?

Per le pagine renderizzate lato server e i siti statici il documento HTML è la prima cosa che il browser scarica, quindi ogni byte risparmiato accorcia il tempo al primo rendering. Risparmi del 10–25% prima della compressione sono comuni, e anche maggiori per template molto indentati e pagine con grandi script inline.

Domande frequenti

Minificare l'HTML cambia l'aspetto della pagina?
No. Vengono rimossi solo gli spazi che il browser comprimerebbe comunque, e il contenuto di <pre>/<textarea> resta intatto. Se nel CSS applichi white-space: pre a degli elementi, disattiva Comprimi spazi.
Minifica anche JavaScript e CSS inline?
Sì, quando le opzioni sono attive. Se un blocco inline contiene un errore di sintassi viene lasciato invariato e compare un avviso, così la pagina non si rompe mai.
Posso minificare file di template come Handlebars, Jinja o Blade?
Di solito sì, purché i tag del template compaiano nel testo o nei valori degli attributi. I template che inseriscono logica nei nomi dei tag o tra gli attributi potrebbero richiedere un controllo manuale.
Il mio HTML viene inviato da qualche parte?
No. Tutto viene elaborato in locale nel tuo browser.

Strumenti correlati

CSS Minifier Riduci i fogli di stile: valori più corti e regole duplicate unite. JavaScript Minifier Comprimi e offusca JS con Terser, con statistiche di dimensione e gzip. Encoder / decoder di entità HTML Escape dei caratteri speciali HTML o decodifica delle &entità;. URL Encode / Decode Codifica/decodifica percentuale e analisi delle query string.