Pular para o conteúdo

Minificador HTML

Remove espaços, comentários e aspas do HTML - com relatório antes/depois no seu navegador.

Antes 220B → Depois 162B (26% economizados)
<!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

  1. Cole seu HTML

    Qualquer fragmento HTML5 ou documento completo.

  2. Escolha a agressividade

    Padrão remove espaços + comentários. Modo agressivo também tira aspas redundantes e tags opcionais.

  3. 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.

Mais nesta categoria