Minificador de HTML

O que é Minificador de HTML?

O Minificador de HTML reduz o HTML com transformações conservadoras e seguras para a renderização: comentários são removidos, sequências de espaços viram um único espaço e o espaço ao lado de tags de bloco é eliminado. O conteúdo de <pre>, <textarea>, <script> e <style> é mantido byte a byte.

Como usar Minificador de HTML

1. Cole o HTML na caixa de entrada.
2. Clique em Minificar (a saída também é atualizada enquanto você digita).
3. Veja a linha de tamanho para saber quanto foi economizado.
4. Copie ou baixe o HTML minificado.

Exemplo

<div>
  <!-- c -->
  <p>Hello   <b>big</b>
 world</p>
  <pre>  a
 b</pre>
</div>

<div><p>Hello <b>big</b> world</p><pre>  a
 b</pre></div>

Quando usar Minificador de HTML

Use-o para páginas estáticas, templates de e-mail ou trechos de HTML embutidos em código. Os ganhos são modestos em comparação com gzip/brotli. Ele não remove tags opcionais nem aspas de atributos, então a saída continua válida e previsível.

Como funciona Minificador de HTML

Um pequeno tokenizador divide a entrada em tags, texto, comentários e blocos de texto bruto. Os comentários são descartados, exceto os comentários condicionais do Internet Explorer (<!--[if …]>). No texto, qualquer sequência de espaços vira um único espaço; espaços no início e no fim são removidos quando o vizinho é uma tag de bloco como div, p, li ou table, mas mantidos entre elementos em linha (<b>a</b> <i>b</i>), onde são visíveis. Os espaços dentro das tags são normalizados; os valores dos atributos não são alterados. O JavaScript e o CSS dentro da página não são minificados: use o Minificador de JS ou de CSS para isso.

Casos de Uso Comuns

• ✓ Reduzir templates de e-mail em HTML
• ✓ Compactar fragmentos de HTML guardados em JSON ou bancos de dados
• ✓ Remover comentários de desenvolvimento antes de publicar
• ✓ Preparar HTML em linha para strings JavaScript

Perguntas Frequentes

Próximos passos recomendados

Explore mais categorias