Compressor HTML (Minify)

Template engine, build tool e editor deixam rastro: indentação de quatro níveis, comentários de desenvolvimento, linhas em branco entre blocos. Nada disso muda o que o navegador desenha, mas tudo vira byte na rede. Cole o HTML no campo e a saída aparece minificada na hora, com a contagem de bytes antes e depois e a economia em porcentagem. Conteúdo de pre, code, textarea, script e style fica intacto.

Por dentro não há parser de HTML, e sim uma sequência de expressões regulares: primeiro os blocos protegidos saem de cena, depois os comentários são removidos, aí todo espaço em sequência vira um espaço só e o que sobra entre duas tags some. É esse último passo que pega gente desprevenida. Escrito assim, um link ao lado do outro perde o espaço entre eles e o texto renderiza grudado na tela.

Antes de subir, dê uma olhada em spans, links e botões que ficam lado a lado numa mesma linha. Espaço dentro de valor de atributo também colapsa, então um alt ou um content de meta com quebra de linha vira uma linha só. A economia mostrada é antes do gzip; depois de comprimir, o ganho extra da minificação costuma ser bem menor. Todo o processamento acontece na sua aba, sem envio para servidor.