HTML Minifier — Minificatore HTML

Come funziona la minificazione dell'HTML

La minificazione dell'HTML elimina tutto ciò che il browser non necessita per visualizzare una pagina: indentazione e a capo tra i tag, commenti, valori di attributo ridondanti e attributi predefiniti. Questo strumento usa html-minifier-terser, che analizza il tuo markup in tag e testo, applica le ottimizzazioni selezionate e lo riscrive. Collapse whitespace unisce le sequenze di spazi e rimuove gli spazi tra gli elementi a blocco, mantenendo i singoli spazi che separano il testo inline. Il contenuto di <pre> e <textarea> non viene toccato, perché lì gli spazi contano. Remove comments elimina le note degli sviluppatori, mentre i minificatori inline riducono i blocchi <style> e <script> incorporati con clean-css e Terser.

I badge delle dimensioni mostrano la dimensione in byte UTF-8 dell'input e dell'output e la percentuale risparmiata. I template scritti a mano con molta indentazione si riducono spesso del 15–30%, anche di più se contengono script o stili inline voluminosi. I server di solito comprimono di nuovo l'HTML con gzip o Brotli, quindi il risparmio nel trasferimento è minore del valore grezzo, ma un documento più piccolo viene comunque analizzato più velocemente e mantiene compatto il codice inline critico.

Scegliere le opzioni giuste

Remove redundant attributes è un insieme di pulizie sicure: abbrevia gli attributi booleani come disabled="disabled" in disabled, rimuove i valori predefiniti come type="text" sugli input e type="text/javascript" sugli script, elimina gli attributi vuoti e sostituisce i vecchi doctype lunghi con <!doctype html>. Remove optional tags omette i tag di chiusura come </li>, </p> e </body> che la specifica HTML consente ai browser di dedurre. Remove attribute quotes elimina le virgolette attorno ai valori che non ne hanno bisogno. Entrambe producono HTML valido, ma possono sorprendere altri strumenti che leggono il tuo markup, quindi sono disattivate per impostazione predefinita.

Privato per progettazione

Il minificatore viene caricato su richiesta ed è eseguito localmente, quindi i tuoi template, il markup delle email e le landing page non vengono mai caricati. Questo lo rende comodo per lavori occasionali, come ridurre un'email HTML, uno snippet di embed o una pagina statica prima di incollarli in un CMS. Se il parser segnala un errore, controlla l'input per tag non chiusi o parentesi angolari isolate. Per i siti in produzione, mantieni la minificazione nella tua pipeline di build, così il risultato è ripetibile.