Minificador de JavaScript
Minifique e comprima código JavaScript
JavaScript de entrada
Remove comentários e instruções debugger, mantém registros no console.
Executado no seu navegador. Seu código permanece neste dispositivo.
Erros e avisos
Dicas de minificação de JavaScript
- Teste seu JavaScript minificado antes de implantá-lo.
- Guarde os arquivos de código-fonte originais para depuração.
- Use a redução de nomes com cuidado quando seu código depender de nomes de funções ou classes.
- Combine a minificação com compressão gzip ou Brotli.
- Use ferramentas de compilação para automatizar a minificação em produção.
JavaScript minificado
Resultados da compressão
- Tamanho original
- —
- Tamanho minificado
- —
- Bytes economizados
- —
- Compressão
- —
- Linhas
- —
Antes e depois
Antes
—
Depois
—
Sobre o Minificador de JavaScript
Nosso minificador de JavaScript online e gratuito comprime seu código JS removendo espaços em branco, comentários e caracteres desnecessários para gerar a menor saída possível. Com base no Terser, o mecanismo de compressão de JavaScript padrão do mercado, a ferramenta lida com a sintaxe moderna do ES6+, incluindo arrow functions, template literals, classes, desestruturação e muito mais.
Escolha entre três níveis de minificação conforme a sua necessidade. O predefinido Seguro mantém todos os comentários e nomes de variáveis intactos. O predefinido Recomendado remove comentários e instruções debugger, preservando os logs do console. O predefinido Agressivo ativa a ofuscação completa de nomes, a eliminação de código morto e a remoção de logs do console para a máxima redução do tamanho do arquivo.
Todo o processamento acontece diretamente no navegador, com a biblioteca Terser: seu código JavaScript nunca é enviado a nenhum servidor. A ferramenta mostra estatísticas detalhadas de compressão, com o tamanho original, o tamanho minificado, os bytes economizados, a porcentagem de compressão e a redução no número de linhas. Basta colar o código, escolher um predefinido e obter JavaScript otimizado na hora.
Principais recursos
- Minificação com Terser e suporte completo à sintaxe JavaScript ES6+
- Três predefinições de minificação: níveis de compactação Seguro, Recomendado e Agressivo
- Eliminação de código morto para remover caminhos de código inalcançáveis
- Remoção opcional de console.log e de instruções debugger
- Ofuscação (encurtamento) de nomes de variáveis no modo Agressivo para a máxima compressão
- Minificação automática em tempo real, com processamento com debounce enquanto você digita
- Estatísticas detalhadas de compressão: tamanho original, tamanho minificado, bytes economizados, taxa e número de linhas
- Validação de sintaxe integrada, com verificação de colchetes e parênteses
- Suporte ao envio de arquivos JavaScript (.js) para processar scripts existentes
- Cópia com um clique para a área de transferência e download como arquivo .js
Como usar o Minificador de JavaScript
- Selecione um nível de minificação: escolha Seguro para uma compressão básica, Recomendado para uma otimização equilibrada ou Agressivo para a máxima redução de tamanho, com ofuscação de nomes.
- Informe seu JavaScript: cole o código JS na área de texto, envie um arquivo .js ou clique em Carregar exemplo para ver uma demonstração.
- Aguarde o processamento: a ferramenta minifica o código automaticamente após um breve intervalo e mostra um indicador de processamento durante a compilação.
- Confira os resultados da compressão: veja o painel de estatísticas para saber quanto o tamanho do arquivo diminuiu, com os tamanhos original e minificado, os bytes economizados e o número de linhas.
- Copie ou baixe: clique em Copiar para levar o JavaScript minificado à área de transferência, ou use Baixar para salvá-lo como arquivo .js.
Casos de uso
- Implantação em produção: minifique o JavaScript antes de implantar para reduzir o tamanho dos arquivos e melhorar a velocidade de carregamento das páginas.
- Otimização de desempenho: comprima os scripts para melhorar as métricas Core Web Vitals, Time to Interactive e First Contentful Paint.
- Redução de largura de banda: arquivos JS menores reduzem os custos de hospedagem e a transferência de dados, principalmente em sites com muito tráfego.
- Otimização para dispositivos móveis: o JavaScript comprimido carrega mais rápido em redes móveis, melhorando a experiência dos usuários de celular.
- Minificação rápida e pontual: minifique scripts avulsos quando precisar de uma otimização rápida fora do seu pipeline de build.
- Revisão e análise de código: use as estatísticas de compressão para avaliar o potencial de otimização da sua base de código.
- Aprendizado e experimentação: entenda como a minificação funciona comparando a saída antes e depois em diferentes níveis predefinidos.
Perguntas frequentes
Esta ferramenta é gratuita?
Sim, o Minificador de JavaScript é totalmente gratuito, sem limite de tamanho de arquivo nem de quantidade de minificações. Não é necessário cadastro nem conta.
Meus dados estão seguros?
Toda a minificação acontece diretamente no navegador, com a biblioteca Terser. Seu código JavaScript nunca é enviado a nenhum servidor, o que garante privacidade e segurança totais do seu código-fonte.
Qual é a diferença entre os modos Seguro, Recomendado e Agressivo?
O modo Seguro faz uma compressão básica, mantendo todos os comentários, logs do console e nomes de variáveis. O Recomendado remove comentários e instruções debugger. O Agressivo ativa a ofuscação de nomes, a remoção do console, a eliminação de código morto e a otimização em várias passagens para obter a menor saída possível.
A ofuscação de nomes vai quebrar meu código?
A ofuscação de nomes renomeia variáveis locais para nomes mais curtos, o que é seguro para a maioria dos códigos. No entanto, pode causar problemas se o código depender de nomes de funções ou variáveis em tempo de execução (por exemplo, por meio de eval ou reflexão). Sempre teste a fundo depois de usar o modo Agressivo.
Há suporte a TypeScript ou JSX?
Esta ferramenta processa JavaScript padrão (ES6+). TypeScript e JSX precisam ser compilados para JavaScript puro antes da minificação. Use o compilador do TypeScript ou o Babel para transpilar e cole o resultado aqui.
Dicas e boas práticas
- Mantenha sempre os arquivos-fonte: guarde o JavaScript original, sem minificar, no controle de versão e minifique apenas nos builds de produção.
- Gere source maps: use source maps no pipeline de build para depurar o código minificado nas ferramentas de desenvolvedor do navegador.
- Teste depois de minificar: rode sempre a suíte de testes no código minificado, principalmente ao usar o modo Agressivo com ofuscação de nomes.
- Combine com a compressão do servidor: use a minificação de JavaScript junto com a compressão gzip ou Brotli no servidor web para obter a melhor redução de tamanho.
- Comece pelo Recomendado: O nível Recomendado oferece o melhor equilíbrio entre segurança e compressão para a maioria dos projetos.
- Remova os logs do console em produção: use o modo Agressivo para eliminar automaticamente as instruções console.log que não devem aparecer no código de produção.