Minificador de HTML

A minificação de HTML remove todos os caracteres que o navegador não precisa para renderizar a página — comentários, quebras de linha, indentação e o espaço em branco entre as tags — sem alterar como a página aparece ou funciona. Por exemplo, '<ul>\n <li>Um</li>\n <li>Dois</li>\n</ul>' (cerca de 43 bytes) minifica para '<ul><li>Um</li><li>Dois</li></ul>' (33 bytes). A lista renderizada é idêntica para o visitante. A economia parece pequena por trecho, mas páginas HTML reais cheias de indentação e markup gerado por CMS encolhem rotineiramente 15–25% em bytes brutos — mais ainda quando combinadas com compressão gzip no servidor.

HTML menor significa menos bytes para baixar e menos para o navegador processar, então a página carrega mais rápido — o que melhora o First Contentful Paint (FCP) e as pontuações do Core Web Vitals, especialmente no celular. O PageSpeed Insights do Google sinaliza HTML não minificado como um problema de desempenho padrão e inclui isso em suas recomendações. O ganho é maior para páginas escritas à mão ou geradas por CMS, cheias de indentação e comentários de desenvolvedor. Cada kilobyte que você corta é um kilobyte que o visitante nunca precisa baixar, o que importa mais em conexões móveis lentas com banda limitada.

Comentários (<!-- … -->), sequências de espaços em branco, a indentação e quebras de linha entre tags, e os espaços entre elementos de bloco são removidos. O minificador também colapsa atributos booleanos (então 'disabled="disabled"' vira apenas 'disabled') e pode opcionalmente remover tags de fechamento redundantes como </li> e </td>. Comentários condicionais (<!--[if IE]>) são sempre preservados, pois ainda importam para segmentação de IE antigo. O conteúdo de <pre>, <textarea>, <script> e <style> nunca é tocado — o espaço em branco dentro desses elementos é significativo e alterá-lo quebraria a página.

Sim, quando o HTML ainda não passa por uma etapa de build. Páginas que você escreve à mão, exporta de um CMS ou monta em um tema WordPress, além de e-mails HTML e blocos inline de <style>/<script>, chegam com indentação e comentários que a minificação remove de graça. Se um bundler como Vite ou webpack já minifica sua saída, esses arquivos não precisam de uma segunda passagem — mas a maioria do HTML do mundo real nunca passa por um bundler. Construtores de sites estáticos como Jekyll e Hugo incluem minificadores de HTML como plugins opcionais, e plugins WordPress como WP Rocket, LiteSpeed Cache e Autoptimize fazem isso automaticamente a cada renderização de página.

Em texto bruto, a minificação tipicamente economiza 10–25%. Uma página de 30 KB escrita à mão geralmente cai para cerca de 24 KB, e um trecho pequeno como '<ul>\n <li>Um</li>\n <li>Dois</li>\n</ul>' (43 bytes) encolhe para 33 bytes — cerca de 23% menor. Depois que seu servidor gzipa o resultado, a redução combinada costuma ser de 70–85%. Esta ferramenta mostra o tamanho minificado e uma estimativa gzipada lado a lado para que você veja os dois números de uma vez. A estimativa gzip é calculada localmente no seu navegador — não em um servidor — então você obtém a economia combinada real sem precisar fazer upload de nada.

Não, quando feito com segurança — que é como esta ferramenta funciona. Ela nunca toca o conteúdo de <pre>, <textarea>, <script> ou <style>, onde o espaço em branco é significativo, e preserva os espaços simples entre elementos inline como links e <span>s — então 'um <a href="/x">link</a> aqui' nunca vira 'um linkaqui' grudado. Alguns minificadores online rápidos colapsam esse espaçamento e alteram sutilmente a renderização ou o layout. O HTMLMinifier do kangax (a biblioteca de minificação HTML para Node.js mais popular) usa uma abordagem similar de segurança por padrão pelo mesmo motivo. Se você notar alguma diferença na renderização após minificar, use o modo Embelezar para restaurar a estrutura original.

Alterne para o modo Embelezar com o botão na parte superior e cole seu HTML minificado. A ferramenta re-indenta o markup e coloca as tags em suas próprias linhas, transformando '<ul><li>Um</li><li>Dois</li></ul>' de volta em código legível e formatado. Escolha indentação de 2 espaços, 4 espaços ou tabulação para combinar com o estilo do seu projeto. Esse é o inverso de minificar — útil para inspecionar uma página minificada que você encontrou em produção, ler um template de CMS que foi comprimido por uma ferramenta de build, ou depurar um layout vendo a estrutura completa de tags claramente organizada.

A minificação reduz o próprio texto-fonte — você envia um arquivo .html fisicamente menor. Gzip e Brotli comprimem os bytes durante a transferência, e o navegador os descomprime de forma transparente ao receber. Os dois se somam: minifique o fonte primeiro, depois deixe seu servidor gzip fazer a compressão. O web.dev do Google recomenda fazer os dois passos — a minificação elimina bytes que o gzip não consegue comprimir totalmente, enquanto o gzip lida com padrões repetitivos que a minificação deixa intactos. É por isso que esta ferramenta mostra tanto a contagem de bytes minificados quanto uma estimativa gzipada, para que você veja o ganho combinado total antes e depois de fazer o deploy.

A minificação torna o HTML menor enquanto o mantém válido e totalmente legível após embelezamento — ela apenas deleta caracteres que o navegador ignora. A ofuscação deliberadamente embaralha ou reescreve o código para torná-lo difícil de entender ou copiar. Minificar HTML nunca renomeia suas classes, IDs ou conteúdo nem altera significados; é sem perdas e reversível, o que a ofuscação não é. Se você quiser impedir que as pessoas leiam o código-fonte do seu HTML (que os navegadores expõem mesmo assim via Ver Código-Fonte), a minificação sozinha não vai ajudar — você precisaria de técnicas adicionais que estão fora do escopo de um minificador.

Sim, em uma única passagem. Deixe 'Minificar CSS inline' ativado e a ferramenta comprime o conteúdo de cada bloco <style> — removendo comentários e espaços em branco enquanto protege strings, url() e calc(). 'Minificar JS inline' trata blocos <script> de forma conservadora: remove comentários e colapsa espaços em branco, mas preserva quebras de linha para que a inserção automática de ponto e vírgula (ASI) não quebre seu código. Scripts marcados como JSON ou templates são deixados intactos. Essa abordagem combinada supera executar ferramentas separadas — um minificador de CSS e um minificador de JS — pois cada um pode interpretar mal o contexto quando aplicado a um arquivo HTML misto.

Com esta ferramenta, sim — porque ela roda 100% no seu navegador usando JavaScript. Seu HTML nunca é enviado, registrado ou armazenado em lugar nenhum, então mesmo páginas não lançadas, trabalho de clientes ou markup contendo dados privados fica inteiramente no seu dispositivo. Você pode confirmar isso desconectando da rede: o minificador continua funcionando offline porque não há servidor envolvido. Em contraste, HTMLMinifier.com e Minifier.org enviam seu HTML para um servidor remoto para processamento. O minificador HTML do Willpeavy.com também faz um round-trip no servidor. Para projetos confidenciais, o processamento local no navegador é a única opção segura.

Você tem duas opções. Para uma tarefa avulsa, copie o código-fonte da sua página renderizada (ou a saída de um template) e cole aqui para minificar. Para todas as páginas automaticamente, um plugin de cache ou otimização pode minificar HTML em tempo real: WP Rocket, W3 Total Cache, LiteSpeed Cache e Autoptimize incluem configurações de minificação de HTML. WP Rocket e LiteSpeed Cache são os mais confiáveis para temas complexos com muito conteúdo dinâmico. Esta ferramenta é perfeita para trechos de tema, blocos personalizados e templates de e-mail HTML que esses plugins não cobrem automaticamente — como seções personalizadas do Elementor ou templates de campos ACF.

HTMLMinifier.com e Minifier.org são minificadores HTML online populares, mas ambos enviam seu HTML para um servidor remoto para processamento. Isso significa que seu markup — incluindo páginas não lançadas, senhas em formulários ou trabalho privado de clientes — sai do seu dispositivo. Minifycode.com é outra ferramenta no lado do servidor com a mesma limitação. Esta ferramenta faz tudo localmente no navegador, então nada é enviado nunca. Em termos de recursos, ela adiciona um embelezador bidirecional na mesma interface, estimativas gzip em tempo real e minificação de CSS/JS inline — tudo sem recarregamentos de página ou round-trips no servidor.

Sim, funciona totalmente no celular — cole HTML da área de transferência, veja o resultado minificado imediatamente e copie de volta. A interface se adapta a telas pequenas. Foi testado no Safari para iOS e no Chrome para Android. Um caso de uso móvel comum é verificar quanto menor um template de página fica antes de commitar uma mudança — você pode colar o HTML do Ver Código-Fonte do navegador mobile e ver a economia ali mesmo. Sem download de app, sem cadastro e sem limites de uso no celular. Também funciona sem conexão de rede depois que a página foi carregada.