Minificador de HTML

Como funciona

A página é escaneada uma vez, separando as regiões cruas (blocos script, style, textarea e pre passam byte a byte) do markup comum. No markup, comentários são removidos exceto os condicionais, o espaço em branco é colapsado e — se habilitado — caem as aspas de atributo sem risco e os atributos type redundantes. As transformações abaixo são a lista completa; nada mais é tentado.

Seguro aqui, seguro lá, e por que a linha foi desenhada

Colapsar espaço entre tags: seguro, exceto em torno de pre/textarea/script onde isso é conteúdo, protegido pelo passe de regiões cruas. Remover comentários: seguro, menos os condicionais que o IE antigo executa. Soltar aspas de valores simples como class="box": seguro pelas regras do HTML5. Essas três rodam aqui. Remover tags de fechamento opcionais (</p>, </li>) NÃO é oferecido de propósito: o navegador reinferiu a estrutura pelo contexto e um erro de cálculo de aninhamento vira um layout de cabeça para baixo por alguns bytes.

Conservador por design — e o que ele pula

Isto é um redutor de markup, não um pipeline de build. Não minifica JavaScript nem CSS (inline ou externo), não encurta nomes de classes, não toca em URLs e não inlineia nem deduplica nada. O pacote npm html-minifier-terser vai além por embutir um minificador real de JS/CSS; se você não precisa da saída dele hoje, nossa página Code Minifier cuida de JS e CSS como trabalho próprio.

Pré-visualize antes de publicar

Espaço entre elementos inline-block tem significado visual, então o modo Agressivo pode fechar vãos minúsculos na renderização — por isso o modo Seguro (colapsar a um espaço) é o padrão e a linha de estatísticas mostra exatamente quantos bytes cada modo economiza. Se o agressivo ganha só algumas centenas de bytes sobre o seguro, fique com o seguro.

Perguntas frequentes