Como usar: Minificador de HTML
- Cole o HTML ou abra um arquivo
.html. - Escolha o que remover: espaços em branco, comentários, atributos
typepadrão e valores booleanos redundantes. - Mantenha a minificação de CSS e JavaScript inline ativada para reduzir também os blocos
<style>e<script>. - Copie ou baixe o HTML minificado e compare os tamanhos acima.
O que a minificação de HTML remove?
HTML escrito à mão ou gerado por ferramentas contém indentação, quebras de linha e comentários que os navegadores ignoram. Removê-los reduz os bytes que o navegador precisa baixar antes de começar a renderizar. A economia típica fica entre 10–25% do HTML original, podendo ser maior em templates com muita indentação ou comentários longos.
| Antes | Depois |
|---|---|
<!-- nav --> | (removido) |
<button disabled="disabled"> | <button disabled> |
<script type="text/javascript"> | <script> |
class=" card featured " | class="card featured" |
Indentação entre itens <li> | (removido) |
Tratamento seguro de espaços em branco
Espaços em branco no HTML nem sempre são irrelevantes: o espaço em <strong>Free</strong> plan separa duas palavras. Este minificador mantém um único espaço entre elementos inline e texto, remove espaços apenas ao redor de elementos de bloco como div, p, li e section, e nunca altera o conteúdo de <pre> e <textarea>, onde o espaçamento faz parte do conteúdo.
O que é mantido
- Comentários condicionais (
<!--[if IE]>) e comentários que começam com<!--!. - Aspas dos atributos — removê-las economiza pouco e pode quebrar valores de atributos com espaços.
- Scripts com tipos que não são JavaScript, como templates; o JSON-LD é minificado como JSON.
Minifique HTML em produção
Para um pipeline de build, use o minificador integrado do seu framework ou o html-minifier-terser. Para páginas avulsas, templates de e-mail, embeds de CMS e código personalizado no Webflow, esta ferramenta é mais rápida. Depois de minificar, confirme que seu servidor também comprime o HTML — teste isso com o teste de compressão de site. Para deixar o HTML minificado legível novamente, use o formatador de HTML.
Também pesquisado como: minificar html, compactar html, comprimir html, minificador html online, remover espaços html, minificar css js inline.
Ferramentas que combinam com: Minificador de HTML
- Minificador de JavaScript — Cole seu JavaScript e receba código minificado pronto para produção com o Terser — o mesmo motor usado por Vite, webpack e Rollup — com comparação real antes/depois e tamanhos em gzip.
- Minificador CSS — Cole uma folha de estilos para reduzi-la na hora.
- Otimizador SVG — Limpe SVGs exportados do Figma, Illustrator, Inkscape ou Sketch com o SVGO e confira a pré-visualização antes e depois para garantir que o ícone continue certo.
- Compactar e Descompactar Gzip — Compacte texto ou qualquer arquivo com gzip, zlib ou deflate bruto, ou cole Base64 / abra um arquivo .gz para descompactar.
Perguntas frequentes
Minificar HTML melhora o SEO?
A minificação pode quebrar meu layout?
Ela minifica CSS e JavaScript dentro do HTML?
<style> e atributos style são minificados, e blocos <script> são minificados com o Terser. Se um script tiver erro de sintaxe, ele é mantido sem alterações.