Minificatore HTML

HTML più leggero, pagine più veloci

L'HTML scritto a mano (o generato dai page builder) è pieno di rientri, a capo e commenti. Ai browser non serve nulla di tutto questo. Il minificatore HTML elimina i caratteri superflui lasciando la pagina perfettamente funzionante e mostra i caratteri HTML prima e i caratteri HTML minificati dopo, così vedi quanto hai risparmiato.

Un HTML più leggero si scarica più in fretta, soprattutto sulle reti mobili, ed è il primo file di cui il browser ha bisogno prima di iniziare a mostrare qualsiasi cosa.

Minifica una copia per la produzione e conserva il sorgente originale e leggibile per le modifiche.

Come usare il minificatore HTML

1. Incolla il codice HTML.
2. Invia per minificarlo.
3. Confronta il numero di caratteri.
4. Copia l'HTML minificato e prova la pagina prima di pubblicarla.

Esempi

Una piccola pagina

Input:

<!DOCTYPE html>
<html>
  <head>
    <title> My page </title>
  </head>
  <body>
    <!-- main nav -->
    <p class="intro">
      Hello   <b>world</b>
    </p>
  </body>
</html>

Risultato:

<!DOCTYPE html><html><head><title>My page</title><body><p class=intro>Hello <b>world</b>

Gli spazi e il commento spariscono, le virgolette intorno a intro vengono tolte e i tag di chiusura che l'HTML permette di omettere (come </p>, </body> e </html>) vengono rimossi. I browser la visualizzano allo stesso modo.

Usi comuni

• Ridurre il peso di pagine HTML statiche e landing page.
• Comprimere i template email HTML (alcuni client di posta tagliano i messaggi troppo grandi).
• Alleggerire snippet e widget HTML incorporati in altri siti.
• Preparare build di produzione quando non hai uno strumento di build.
• Alleggerire i template email HTML prima dell'invio, dopo averli provati nei principali programmi di posta.

Consigli e cose da sapere

• Conserva il file originale e leggibile. Il codice minificato è difficile da modificare.
• Gli spazi dentro <pre> e <textarea> contano; controlla quelle parti dopo la minificazione.
• Gmail taglia le email oltre circa 102 KB, quindi minificare le email HTML grandi può mantenerle intere.
• La compressione lato server (gzip o Brotli) si somma alla minificazione per trasferimenti ancora più leggeri.
• Minifica anche stili e script con il minificatore CSS e il minificatore JavaScript.

Casi particolari e limiti

• I tag di chiusura facoltativi vengono rimossi: è HTML valido, ma può confondere gli strumenti che si aspettano ogni tag chiuso, come alcuni editor di email o parser XML. Prova il risultato prima di usarlo lì.
• Gli spazi dentro <pre> e <textarea> vengono mantenuti, perché lì hanno un significato.
• I tag dei template (come {{ }} o ) possono essere alterati. Minifica l'HTML finale già generato, non i template.
• Anche CSS e JavaScript inline vengono minificati, quindi verifica che la pagina funzioni ancora.

Domande frequenti

Cosa fa la minificazione dell'HTML?

Elimina i caratteri che non servono ai browser, come spazi in più, a capo e commenti, rendendo il file più piccolo.

La minificazione può rompere la pagina?

Raramente, ma i contenuti sensibili agli spazi e gli script inline possono risentirne. Prova sempre la versione minificata.

L'HTML minificato aiuta la SEO?

Indirettamente. Pagine più veloci migliorano l'esperienza utente e i Core Web Vitals. I motori di ricerca leggono senza problemi l'HTML minificato.

Di quanto si ridurrà il mio HTML?

Dipende da quanti spazi e commenti contiene. Per l'HTML scritto a mano sono comuni risparmi del 10–30%.

Devo minificare l'HTML generato dal mio CMS?

Di solito se ne occupa al volo un plugin di cache o di prestazioni. Usa questo strumento per pagine statiche, template già generati e HTML delle email.

Strumenti correlati

• Minificatore CSS: Minifica il CSS eliminando tutti i caratteri non necessari.
• Minificatore JavaScript: Minifica il JS eliminando tutti i caratteri non necessari.
• Rimuovi tag HTML: Rimuovi facilmente tutti i tag HTML da un blocco di testo.
• Convertitore di entità HTML: Codifica o decodifica le entità HTML di qualsiasi testo.
• Calcolatore dimensione testo: Ottieni la dimensione di un testo in byte (B), kilobyte (KB) o megabyte (MB).