Come si usa
- Incolla il tuo HTML, apri un file
.htmlo parti dall'esempio. - L'HTML minificato compare mentre scrivi, con la dimensione prima e dopo.
- Copialo, scaricalo o premi Pubblica questa pagina per metterlo online.
Cosa rimuove
- I commenti e gli spazi tra i tag (resta un solo spazio dove potrebbe vedersi tra elementi inline).
- Gli attributi che ripetono solo il valore predefinito, come
type="text/javascript"negli script etype="text/css"negli stili. - Il doctype lungo, sostituito da
<!doctype html>. - Il contenuto di
<style>e<script>inline viene minificato come CSS e JavaScript.
<pre> e <textarea> mantengono i loro spazi, quindi la pagina appare e funziona allo stesso modo.
Ne vale la pena?
La maggior parte degli hosting, Lobsite compreso, comprime già le pagine con gzip o Brotli mentre vanno al browser, il che riduce molto bene gli spazi ripetuti. Minificare prima di solito fa risparmiare un ulteriore 5-15%. Conta soprattutto per le pagine grandi, quelle con molto CSS e JavaScript inline, e l'HTML delle email, dove non viene compresso nulla.
Domande frequenti
La minificazione può rompere la mia pagina?
Le impostazioni sono quelle prudenti: gli spazi che potrebbero vedersi restano come uno spazio, e i tag di chiusura facoltativi e le virgolette degli attributi restano al loro posto. Il JavaScript inline con un errore di sintassi viene lasciato com'è. Controlla il risultato nel Visualizzatore HTML prima di pubblicarlo.
Devo minificare a mano a ogni modifica?
Per una pagina, qui è un attimo. Per un sito che modifichi spesso, lascia che lo faccia il tuo strumento di build (Vite, Astro e la maggior parte dei generatori lo fanno), e tieni la versione leggibile nel tuo sorgente.
Quale minificatore usa?
html-minifier-terser, con Terser per il JavaScript inline. Si carica la prima volta che minifichi, poi gira nel tuo browser.
Il mio HTML viene caricato da qualche parte?
No. Viene minificato nel tuo browser, e inviato a Lobsite solo se premi Pubblica questa pagina.