Minificador JavaScript
Minificar JavaScript removendo espaços em branco e comentários
Entrada
Saída minificada
O que é o Minificador JavaScript?
O Minificador JavaScript remove espaços em branco, comentários e encurta o código para reduzir o tamanho do arquivo. Arquivos menores carregam mais rápido. A especificação ECMAScript define a linguagem; a minificação preserva o comportamento enquanto reduz a saída. Ferramentas como Terser e UglifyJS usam técnicas similares em builds de produção.
Esta ferramenta é executada inteiramente no seu navegador. Nada é enviado a um servidor. Cole JS ou envie um arquivo; obtenha saída minificada. Para formatação (o inverso), use o Formatador JavaScript. Para validação, use o Validador JavaScript. Para proteção mais forte, use o Ofuscador JavaScript.
Como usar esta ferramenta
Colar ou enviar
Cole JavaScript no painel esquerdo ou envie um arquivo .js ou .txt. Use Amostra para carregar código de exemplo. Use Limpar para redefinir.
Ver saída minificada
O painel direito mostra o código minificado. Espaços em branco e comentários são removidos. JS inválido mostrará um erro.
Copiar ou baixar
Use Copiar ou Baixar para obter o código minificado. Para produção, considere também usar compressão gzip ou brotli.
Exemplos do Minificador JavaScript
Aqui está um exemplo de minificação de código JavaScript formatado.
Exemplo: Função de fetch de API
Entrada formatada:
Saída minificada:
Quando o Minificador JavaScript ajuda
Ao preparar bundles de produção com webpack ou rollup, reduzir largura de banda ou otimizar tempo de carregamento, a minificação reduz arquivos JS. Use com ferramentas de build ou manualmente para verificações rápidas. Para ofuscação (mais difícil de reverter), use o Ofuscador JavaScript.
Perguntas frequentes
Meus dados são privados?
Sim. A minificação é executada inteiramente no seu navegador. Nenhum dado é enviado a um servidor.
Minificador vs Ofuscador?
O minificador reduz o tamanho. O ofuscador torna o código difícil de ler e reverter. A ofuscação frequentemente inclui minificação.
O código quebra?
Minificação válida preserva o comportamento. Problemas podem ocorrer com inserção de ponto e vírgula ou casos extremos; teste a saída.
E os source maps?
Esta ferramenta não gera source maps. Para builds de produção com source maps, use webpack, rollup ou Vite. Consulte source maps do MDN.
Posso reverter a minificação?
Para adicionar indentação, use o Formatador JavaScript. Comentários e nomes de variáveis originais não são restaurados.