Ferramentas para Desenvolvedores

Minificador de JavaScript

Reduza o JavaScript removendo comentários e espaços em branco — com segurança, sem nunca quebrá-lo.

Avalie esta ferramenta
Entrada
Saída

Como usar Minificador de JavaScript

  1. Cole o seu JavaScript à esquerda.
  2. Comentários e espaços em branco extras são removidos; as quebras de linha são mantidas para que nada quebre.
  3. Copie o código reduzido.

Sobre Minificador de JavaScript

O Minificador de JavaScript reduz o tamanho do seu código removendo comentários e cortando espaços em branco, mas é construído em torno de um princípio orientador: nunca quebrar o seu código. Ele é deliberadamente conservador. Em vez de reunir tudo em uma única linha, ele mantém as quebras de linha, o que significa que nunca pode juntar acidentalmente duas instruções e atrapalhar a inserção automática de ponto e vírgula (ASI) do JavaScript, como uma ferramenta mais agressiva às vezes pode fazer.

Ele também é cuidadoso com o contexto. Strings, template literals e literais de expressão regular são corretamente ignorados, de modo que sequências parecidas com comentários e espaços em branco acidentais dentro deles são deixados exatamente como foram escritos e nunca são corrompidos. A troca honesta é que isso é mais seguro, porém menos agressivo, do que um compressor completo como o Terser ou o UglifyJS: você obtém um arquivo menor com a garantia de que o comportamento não muda, mas não a menor saída possível.

Tudo acontece no seu navegador, então nada do que você cola é enviado. Se precisar ler código minificado novamente, o Formatador de JavaScript restaura uma indentação limpa, e para comprimir o restante do seu front-end use o Minificador de CSS junto com ele.

Perguntas frequentes

Por que a saída ainda contém quebras de linha?

Manter as quebras de linha é um recurso de segurança. Isso significa que o minificador nunca pode mesclar duas instruções em uma única linha, então ele não pode quebrar a inserção automática de ponto e vírgula do JavaScript, uma forma comum de minificadores agressivos introduzirem bugs.

Ele é tão pequeno quanto o Terser ou o UglifyJS?

Não, e não pretende ser. Esses compressores são mais agressivos e podem produzir arquivos menores. Esta ferramenta prioriza a segurança em vez da compressão máxima, trocando um pouco de tamanho pela garantia de que o seu código continua funcionando.

Ele danifica strings ou expressões regulares?

Não. Ele ignora corretamente strings, template literals e literais de regex, de modo que texto parecido com comentários ou espaços em branco dentro deles é preservado exatamente. Apenas comentários genuínos e espaços em branco insignificantes são removidos.

O que ele realmente remove?

Ele remove comentários e reduz espaços em branco desnecessários mantendo as quebras de linha intactas. O resultado é um arquivo menor cujo comportamento é idêntico ao do seu código-fonte original.

Meu código é enviado para algum lugar?

Não. A minificação acontece inteiramente no seu navegador e nada é enviado a um servidor, então é seguro usá-la com JavaScript privado ou proprietário.