Minificador HTML
Remove espaços, comentários e aspas do HTML - com relatório antes/depois no seu navegador.
<!DOCTYPE html><html><head><title>Hello</title></head><body><h1 class="greeting">Hello world</h1> <pre>
this whitespace
is preserved
</pre> </body></html>Cole HTML, obtenha uma versão minificada - com contagem de bytes e porcentagem economizada. Comentários e espaços removidos por padrão.
Como usar
Cole seu HTML
Qualquer fragmento HTML5 ou documento completo.
Escolha a agressividade
Padrão remove espaços + comentários. Modo agressivo também tira aspas redundantes e tags opcionais.
Copie a saída minificada
Contagens de bytes antes/depois ao lado da saída.
O que é?
Um minificador HTML economiza bytes removendo espaços e comentários que não afetam a renderização. Os maiores ganhos são em HTML escrito à mão com indentação generosa; saída gerada por framework geralmente já é compacta. Economia típica: 15-30 % em HTML cru antes do gzip.
Quando usar
Embutir HTML em uma resposta JSON ou template de e-mail onde cada byte conta. Otimizar à mão uma página de caminho crítico após um audit Lighthouse. Limpar HTML exportado de um editor WYSIWYG que deixou um comentário em cada linha.
Erros comuns
Rodar em templates Jinja / Handlebars / Vue - o minificador não entende tags de template, então {{ algo }} sobrevive mas o espaço ao redor pode sumir em lugares indesejados. Remover comentários de que a pipeline de build precisa (pragmas de build-info, conditional comments do IE). E esperar grandes ganhos sobre conteúdo já gzippado - a minificação HTML soma com gzip, mas o gzip faz a maior parte.
FAQ
- Preserva <pre>, <textarea> e <code>?
- Sim. O espaço dentro dessas tags é significativo, então fica intacto. O mesmo vale para corpos de <script> e <style>.
- A saída continua sendo HTML válido?
- Sim com as opções padrão - só removemos espaço onde não muda o render. Com «remover tags opcionais» ligado, a saída fica mais compacta mas depende das regras de elementos opcionais do HTML5, então confirme que seu parser é HTML5-compatível.
Avalie esta ferramenta
Compartilhe sua experiência para ajudar outras pessoas.
Ferramentas relacionadas
Mais nesta categoria
- Formatador e Validador de JSON
- Codificador / Decodificador Base64
- Codificador / Decodificador de URL
- Gerador de Hash (SHA-1, SHA-256, SHA-384, SHA-512)
- Decodificador JWT
- Testador de regex
- Conversor Markdown para HTML
- Conversor YAML para JSON
- Conversor CSV para JSON
- Formatador SQL
- Codificador / Decodificador de entidades HTML
- Leitor de Expressão Cron
- Formatador XML
- Gerador de dados fictícios
- Gerador de tabela Markdown