Minificador de HTML online

O minificador de HTML reduz o tamanho de uma página sem mudar o que aparece nela: junta espaços e quebras de linha, remove comentários e minifica o CSS de <style> e o JavaScript de <script>. O conteúdo de <pre> e <textarea> fica intacto, e o espaço entre palavras é mantido. A ferramenta mostra o tamanho antes e depois e roda no seu navegador.

Atualizado em · Por Leonardo Gaertner

A minificação é feita no seu navegador. O código e os arquivos não são enviados a nenhum servidor.

Achou um resultado errado ou tem uma sugestão? Avise por e-mail.

Como usar

  1. Cole o HTML no campo da esquerda, ou clique em Abrir arquivo.
  2. Escolha o que fazer: remover comentários, minificar o CSS interno e minificar o JavaScript interno.
  3. Veja quanto a página diminuiu e clique em Copiar resultado ou em Baixar arquivo.

Como funciona

A minificação usa o html-minifier-terser. Sequências de espaços, tabulações e quebras de linha viram um espaço só, em vez de sumir, porque o espaço entre um texto e um elemento como <b> ou <a> aparece na página. O conteúdo de <pre> e <textarea> é mantido exatamente como está.

Os comentários são removidos, menos os comentários condicionais antigos do Internet Explorer. Atributos booleanos são encurtados (disabled="disabled" vira disabled). O CSS de <style> e dos atributos style é minificado, e o JavaScript de <script> passa pelo terser; se o JavaScript tiver erro de sintaxe, ele é mantido como estava.

Tags de fechamento sem abertura correspondente são descartadas, como o navegador já faria. A ferramenta não remove aspas de atributos nem tags opcionais, para o resultado continuar fácil de conferir.

Exemplo

Entrada: <!-- cabeçalho --> <div class="card"> <h2> Título </h2> </div>

Saída: <div class="card"> <h2>Título</h2> </div>

Fonte: MDN: HTML

Perguntas frequentes

Minificar o HTML muda a aparência da página?

Não deve. A ferramenta deixa um espaço onde havia vários, em vez de removê-los, para o texto não grudar, e não mexe em <pre> e <textarea>. Confira a página depois, como em qualquer mudança.

O JavaScript dentro do HTML também é minificado?

Sim, se a opção estiver marcada: o conteúdo de <script> passa pelo terser, que remove espaços e encurta nomes de variáveis locais. Se o JavaScript tiver erro de sintaxe, ele fica como estava.

Vale a pena minificar HTML gerado pelo servidor?

Em páginas grandes, sim, mas o ganho maior costuma vir da compressão gzip ou Brotli do servidor. Muitos frameworks já minificam o HTML no build; esta ferramenta é útil para conferir o resultado ou para páginas feitas à mão e e-mails.

Por que a minha tag de fechamento sumiu?

Porque ela não tinha uma abertura correspondente, por exemplo um </span> sem <span>. O navegador já ignora esse tipo de tag, então o resultado na página é o mesmo.

Outras ferramentas que podem ajudar

Ver tudo em JSON, dados e formatadores