A prima vista gli spazi bianchi nel markup HTML sembrano irrilevanti — il browser renderizzerà comunque tutto correttamente. Ma alcuni punti del documento fanno eccezione, dove rimuovere gli spazi cambia davvero l'aspetto della pagina.
Cosa si può rimuovere in sicurezza
Il minificatore elimina i commenti HTML <!-- ... -->, spazi e a capo superflui tra i tag, le virgolette attorno agli attributi il cui valore non contiene spazi e, a volte, i tag di chiusura opzionali come </li>.
L'errore classico: due parole che si fondono in una
Un singolo spazio tra due elementi inline è uno spazio effettivamente visibile nella pagina renderizzata, non solo una formattazione nel codice sorgente. <span>foo</span> <span>bar</span> viene visualizzato come "foo bar" con uno spazio; se quello spazio viene rimosso in modo incauto, il risultato diventa silenziosamente "foobar" senza alcuno spazio. Un minificatore attento rimuove solo gli spazi bianchi privi di effetto visivo — ad esempio tra elementi block — e lascia intatti quelli tra elementi inline.
Minificazione contro leggibilità durante lo sviluppo
Durante lo sviluppo l'HTML viene di solito lasciato formattato con l'indentazione, perché rende più facile individuare la struttura negli strumenti per sviluppatori. La minificazione si applica solo alla build finale prima della pubblicazione, quando la leggibilità per l'essere umano non serve più.
A cosa serve
- Ridurre la dimensione di una pagina HTML prima di pubblicarla in produzione.
- Rimuovere i commenti degli sviluppatori dalla versione finale del markup.
- Evitare errori rimuovendo gli spazi solo dove è davvero sicuro farlo.
Perché il peso della pagina conta anche fuori dalle grandi città
In Italia la connessione fissa è ampiamente diffusa nelle aree urbane, ma in molte zone collinari, montane o rurali l'accesso a internet resta più spesso mobile e con velocità meno costanti. L'HTML raramente è la risorsa più pesante di una pagina rispetto a immagini o JavaScript, ma ogni byte risparmiato contribuisce comunque a un primo rendering più rapido — un vantaggio piccolo ma reale per chi naviga con una connessione meno affidabile.