Minificador de HTML

A minificação de HTML remove todos os caracteres que o browser não precisa para renderizar a página — comentários, quebras de linha, indentação e os espaços em branco entre etiquetas — sem alterar o aspecto ou o funcionamento da página. Por exemplo, '<ul>\n <li>Um</li>\n <li>Dois</li>\n</ul>' (cerca de 44 bytes) minifica para '<ul><li>Um</li><li>Dois</li></ul>' (33 bytes). A lista apresentada é idêntica para o visitante. A poupança parece pequena por fragmento, mas páginas HTML reais cheias de indentação e código gerado por CMS reduzem frequentemente 15–25% em bytes brutos — mais quando combinadas com compressão gzip no servidor.

Um HTML mais pequeno significa menos bytes a descarregar e menos trabalho de análise para o browser, pelo que a página carrega mais depressa — o que melhora a pontuação de First Contentful Paint (FCP) e Core Web Vitals, especialmente em dispositivos móveis. O PageSpeed Insights da Google assinala HTML não minificado como um problema de desempenho padrão e inclui-o nas suas recomendações. O ganho é maior em páginas escritas manualmente ou geradas por CMS, cheias de indentação e comentários de desenvolvimento. Cada kilobyte que reduzir é um kilobyte que o visitante nunca terá de transferir, o que é mais importante em ligações móveis lentas onde a largura de banda é limitada.

São removidos os comentários (<!-- … -->), sequências de espaços em branco, a indentação e as quebras de linha entre etiquetas, e as lacunas entre elementos de bloco. O minificador também colapsa atributos booleanos (por isso 'disabled="disabled"' passa a ser apenas 'disabled') e pode, opcionalmente, eliminar etiquetas de fecho redundantes como </li> e </td>. Os comentários condicionais (<!--[if IE]>) são sempre preservados, pois ainda importam para os alvos de IE antigo. O conteúdo de <pre>, <textarea>, <script> e <style> nunca é tocado — os espaços em branco dentro desses elementos são significativos e alterá-los quebraria a página.

Sim, quando o HTML ainda não passa por um passo de build. As páginas que escreve manualmente, exporta de um CMS ou monta num tema WordPress, mais os emails em HTML e os blocos inline <style>/<script>, chegam todos com indentação e comentários que a minificação remove de graça. Se um bundler como Vite ou webpack já minifica a sua saída, esses ficheiros 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-no automaticamente em cada renderização de página.

Em texto bruto, a minificação poupa tipicamente 10–25%. Uma página escrita manualmente de 30 KB cai frequentemente para cerca de 24 KB, e um pequeno fragmento como '<ul>\n <li>Um</li>\n <li>Dois</li>\n</ul>' (43 bytes) encolhe para 33 bytes — cerca de 23% mais pequeno. Quando o servidor comprime o resultado com gzip, a redução combinada é normalmente de 70–85%. Esta ferramenta mostra o tamanho minificado e uma estimativa com gzip lado a lado para ver os dois valores de imediato. A estimativa gzip é calculada localmente no browser — não num servidor — pelo que obtém a poupança combinada real sem enviar nada.

Não, quando é feito com segurança, que é como esta ferramenta funciona. Nunca toca no conteúdo de <pre>, <textarea>, <script> ou <style>, onde os espaços em branco são significativos, e preserva os espaços simples entre elementos inline como ligações e <span>s — por isso 'a <a href="/x">ligação</a> aqui' nunca se torna 'a ligaçãoaqui' colado. Alguns minificadores online rápidos colapsam esse espaçamento e alteram subtilmente a renderização ou o layout. O HTMLMinifier do kangax (a biblioteca de minificação de HTML para Node.js mais popular) usa uma abordagem igualmente segura por omissão pela mesma razão. Se notar alguma diferença na renderização após a minificação, use o modo Formatar para restaurar a estrutura original.

Mude para o modo Formatar com o botão no topo e cole o seu HTML minificado. A ferramenta volta a indentar o código e coloca as etiquetas em linhas próprias, 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 corresponder ao estilo do seu projecto. Esta é a operação inversa da minificação — útil para inspeccionar uma página minificada encontrada em produção, ler um template de CMS que foi comprimido por uma ferramenta de build, ou depurar um layout ao ver a estrutura completa de etiquetas claramente disposta.

A minificação encolhe o texto de origem em si — envia um ficheiro .html fisicamente mais pequeno. O gzip e o Brotli comprimem os bytes durante a transferência, e o browser descomprime-os de forma transparente na chegada. Os dois complementam-se: minifique a origem primeiro e deixe o servidor comprimi-la com gzip. O web.dev da Google recomenda ambos os passos — a minificação elimina bytes que o gzip não consegue comprimir completamente, 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 como uma estimativa com gzip, para que possa ver o ganho combinado total antes e depois da implementação.

A minificação torna o HTML mais pequeno mantendo-o válido e totalmente legível depois de formatado — apenas elimina caracteres que o browser ignora. A ofuscação embaralha ou reescreve deliberadamente o código para o tornar difícil de entender ou copiar. Minificar HTML nunca renomeia as suas classes, IDs ou conteúdo nem altera o significado; é sem perdas e reversível, o que a ofuscação não é. Se pretende impedir que as pessoas leiam o código fonte do seu HTML (que os browsers expõem de qualquer forma via Ver Código Fonte), a minificação por si só não resolve — precisaria de técnicas adicionais que estão fora do âmbito de um minificador.

Sim, numa única passagem. Deixe 'Minificar CSS inline' activo 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 os blocos <script> de forma conservadora: remove comentários e colapsa espaços em branco mas preserva as quebras de linha para que a inserção automática de ponto e vírgula (ASI) não quebre o seu código. Os scripts marcados como JSON ou templates são deixados intactos. Esta abordagem combinada supera a execução de minificadores de CSS e JS separados em sequência, uma vez que cada um pode interpretar mal o contexto quando aplicado a um ficheiro HTML misto com as três linguagens.

Com esta ferramenta, sim — porque corre 100% no seu browser usando JavaScript. O seu HTML nunca é enviado, registado nem armazenado em lado algum, pelo que mesmo páginas não publicadas, trabalho de clientes ou código com dados privados fica inteiramente no seu dispositivo. Pode confirmar isto desligando-se da rede: o minificador continua a funcionar sem ligação porque não há qualquer servidor envolvido. Em contraste, o HTMLMinifier.com e o Minifier.org enviam ambos o seu HTML para um servidor remoto para processamento. O minificador HTML do Willpeavy.com também faz uma viagem de ida e volta ao servidor. Para projectos confidenciais, o processamento local no browser é a única opção segura.

Tem duas opções. Para uma utilização pontual, copie o código fonte da 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 optimização pode minificar HTML em tempo real: WP Rocket, W3 Total Cache, LiteSpeed Cache e Autoptimize incluem todos configurações de minificação de HTML. O WP Rocket e o LiteSpeed Cache são os mais fiáveis para temas complexos com muito conteúdo dinâmico. Esta ferramenta é perfeita para fragmentos de tema, blocos personalizados e templates de email em HTML que esses plugins não cobrem automaticamente, como secções personalizadas do Elementor ou templates de campos ACF.

O HTMLMinifier.com e o Minifier.org são minificadores de HTML online populares, mas ambos enviam o seu HTML para um servidor remoto para processamento. Isso significa que o seu código — incluindo páginas não publicadas, palavras-passe em formulários ou trabalho privado de clientes — sai do seu dispositivo. O Minifycode.com é outra ferramenta do lado do servidor com a mesma limitação. Esta ferramenta faz tudo localmente no browser, pelo que nada é enviado. Em termos de funcionalidades, acrescenta um formatador bidirecional na mesma interface, estimativas gzip em tempo real e minificação de CSS/JS inline — tudo sem recarregamentos de página ou viagens ao servidor.

Sim, funciona totalmente em dispositivos móveis — cole HTML da área de transferência, veja o resultado minificado de imediato e copie-o de volta. A interface adapta-se a ecrãs pequenos. Foi testado no Safari para iOS e no Chrome para Android. Um caso de utilização móvel comum é verificar quanto mais pequeno fica um template de página antes de confirmar uma alteração — pode colar o HTML a partir do Ver Código Fonte de um browser móvel e ver a poupança ali mesmo. Sem download de aplicação, sem registo e sem limites de utilização em dispositivos móveis. Também funciona sem ligação à rede depois de a página ter carregado.