Minificar HTML

Minificar HTML é remover do código tudo que o navegador não precisa para renderizar a página: comentários, quebras de linha, indentação e espaços em branco entre elementos. O resultado é um arquivo funcionalmente idêntico, porém menor em bytes, que trafega mais rápido pela rede e ocupa menos banda. A minificação não altera a estrutura nem o conteúdo visível: um <h1> continua um <h1>. Ela só elimina os caracteres de formatação que existem para o código ser legível por humanos, algo desnecessário na versão que vai para produção.

Cada byte a menos no HTML é um byte a menos para o servidor enviar e o navegador baixar, e isso pesa mais no carregamento inicial, quando o HTML bloqueia a renderização. Em páginas grandes, ou repetidas milhões de vezes por dia, a economia de 10% a 30% em espaços e comentários vira ganho real de velocidade e de custo de banda. O efeito soma com a compressão Gzip ou Brotli do servidor: minificar antes reduz a entropia do texto e melhora a taxa de compressão, então as duas técnicas se complementam em vez de competir.

O espaço entre elementos inline (como <a>, <span> ou <img>) às vezes é significativo: removê-lo pode grudar palavras ou imagens que deveriam ter um espacinho. Por isso a opção de remover espaços entre tags é separada, para você desligar se o layout depender deles. Já o conteúdo de <pre> e <textarea> nunca é tocado, porque neles cada espaço e quebra de linha aparece na tela. CSS e JavaScript embutidos são minificados por motores próprios (csso e terser), que entendem a sintaxe e não quebram strings nem regras.