O que é minificar código?
Minificar (em inglês, minification) é tirar do código tudo o que existe só para facilitar a leitura humana: espaços, indentação, quebras de linha desnecessárias e comentários. O navegador ignora esses caracteres, então a página funciona do mesmo jeito, mas os arquivos ficam menores e carregam mais rápido. Este minifier HTML, CSS e JS faz isso em um clique e confere o resultado antes de você publicar.
Como minificar JS, CSS e HTML online
- Arraste o arquivo para a área pontilhada, clique nela para procurar no computador ou cole o código.
- O tipo de código (HTML, CSS ou JavaScript) é reconhecido sozinho. Se preferir, escolha manualmente.
- Marque as opções de minificação e, se quiser proteger o código, as de ofuscação.
- Clique em Minificar e confira a verificação: verde significa que texto, links, títulos e scripts foram preservados.
- Copie o resultado ou baixe o arquivo
.minpronto para subir ao servidor.
Minificar JS (JavaScript minify)
Ao minificar JS, a ferramenta remove comentários // e /* */ e os espaços que o JavaScript não usa, sem tocar em strings, template literals e expressões regulares. As quebras de linha são mantidas de propósito: o JavaScript tem a inserção automática de ponto e vírgula (ASI), e juntar tudo em uma linha poderia quebrar códigos escritos sem ;. Comentários de licença marcados com /*! também ficam. Você pode colar só um arquivo .js ou uma página inteira com scripts internos.
Minificar CSS
Para minificar CSS, são removidos comentários, espaços em volta de chaves, dois-pontos e vírgulas e o último ponto e vírgula de cada bloco. O que é necessário para o CSS funcionar continua lá: os espaços dentro de calc(), as media queries, os textos entre aspas e os endereços em url().
Minifier HTML
O minifier HTML junta espaços e indentação, remove comentários, tira o type redundante das tags <script> e <style> e compacta os blocos de dados estruturados (JSON-LD). O conteúdo de <pre> e <textarea> nunca é alterado, porque ali os espaços aparecem na tela. Comentários condicionais e os marcados com <!--! também são mantidos.
Minificar ou ofuscar: qual a diferença?
Minificar deixa o arquivo menor. Ofuscar deixa o código difícil de entender. As duas coisas podem ser feitas juntas nesta ferramenta.
| Aspecto | Minificar | Ofuscar |
|---|---|---|
| Objetivo | Carregar mais rápido | Dificultar a leitura e a cópia |
| Nomes de funções | Continuam iguais | Viram códigos como _0x1a23 |
| Textos das strings | Continuam legíveis | Ficam codificados até a execução |
| Tamanho do arquivo | Sempre diminui | Pode aumentar um pouco |
| Indicado para | Todo site publicado | Ferramentas, jogos e scripts próprios |
Um ofuscador de código não é criptografia. Quem tiver tempo e conhecimento ainda consegue estudar o código, mas o trabalho aumenta muito. Por isso, nunca coloque senhas ou chaves de API no JavaScript, ofuscado ou não: elas devem ficar no servidor.
Minificação ajuda no SEO?
Sim. O PageSpeed Insights do Google recomenda reduzir JavaScript e CSS, porque arquivos menores chegam mais rápido e ajudam nas métricas de Core Web Vitals, como o LCP. A minificação não altera o texto, os títulos nem os links, que é o que o Google lê, e a ferramenta confere exatamente esses pontos.
Repare também nos números de gzip. Como a maioria dos servidores já comprime os arquivos na entrega, o ganho que o visitante sente é o da linha "Gzip depois". É comum a economia bruta ser de 15% e a do gzip ficar em torno de 5%.
Seu código não sai do seu computador
O motor de minificação e ofuscação roda dentro do seu navegador, usando Python compilado para WebAssembly. Nenhum código é enviado, salvo ou armazenado em servidor. Na primeira visita o motor é baixado e fica guardado no cache, então as próximas aberturas são bem mais rápidas.