À primeira vista, espaços na marcação HTML parecem irrelevantes — o navegador vai renderizar tudo corretamente de qualquer forma. Mas alguns pontos do documento são exceção, onde remover espaços realmente muda a aparência da página.
O que é seguro remover
Um minificador remove comentários HTML <!-- ... -->, espaços e quebras de linha redundantes entre tags, aspas ao redor de atributos sem espaços dentro do valor, e às vezes tags de fechamento opcionais como </li>.
O erro clássico: grudar duas palavras em uma só
Um único espaço entre dois elementos inline é um espaço visível na página renderizada, não só formatação no código-fonte. <span>oi</span> <span>mundo</span> aparece como "oi mundo" com espaço; se esse espaço for removido sem cuidado, o resultado vira "oimundo" grudado, sem nenhum erro avisando. Um minificador cuidadoso só remove espaços em branco sem efeito visual — entre tags de bloco, por exemplo — e deixa intacto o espaço entre elementos inline.
Minificação versus legibilidade durante o desenvolvimento
Durante o desenvolvimento, o HTML geralmente é deixado formatado com indentação, já que isso facilita encontrar a estrutura nas DevTools. A minificação só é aplicada ao build final antes da publicação.
Para que serve
- Reduzir o tamanho de uma página HTML antes de publicá-la em produção.
- Remover comentários do desenvolvedor da versão final da marcação.
- Evitar erros removendo espaços apenas onde isso é realmente seguro.
Brasil: um dos maiores mercados mobile-first do mundo
No Brasil, a maioria dos acessos à internet acontece via smartphone, e para uma parte significativa da população o celular é o único dispositivo de acesso, muitas vezes com planos de dados limitados e conexão 4G instável fora dos grandes centros urbanos. Nesse contexto, reduzir o peso do HTML deixa de ser só uma otimização técnica de nicho e passa a impactar diretamente quanto dado do plano do visitante é gasto e quanto tempo ele espera a página carregar.