Pular para o conteúdo
SPCXTools

Minificador de JavaScript

Comprima seu JavaScript com o Terser — arquivos menores, mesmo comportamento.

Roda localmente — os arquivos não saem do seu dispositivo

Carregando ferramenta…

Como usar: Minificador de JavaScript

  1. 1Cole seu JavaScript na caixa de Entrada ou clique em Exemplo.
  2. 2O código minificado aparece à direita automaticamente.
  3. 3Escolha se deseja encurtar nomes de variáveis e preservar comentários de licença.
  4. 4Copie o resultado ou baixe-o como minified.js.

Reduza o tamanho do seu JavaScript

O JavaScript costuma ser a parte mais pesada de uma página web, e cada kilobyte precisa ser baixado, interpretado e executado antes que a página se torne interativa. Minificá-lo pode reduzir seu tamanho pela metade ou mais. Esta ferramenta usa o Terser, o minificador por trás da maioria das ferramentas modernas de build, para remover espaços em branco e comentários, encurtar nomes e aplicar compressões seguras de código — direto no seu navegador.

Recursos

  • Motor Terser com suporte moderno a ES2015+.
  • Compressão: remoção de código morto, constant folding e sintaxe mais curta.
  • Ofuscação de nomes para variáveis locais (opcional).
  • Comentários de licença mantidos se solicitado.
  • Comparação de tamanho em bytes e porcentagem.
  • Privado: o código é processado localmente.

Redução típica

Código Redução típica
Código de aplicação bem comentado 50–70%
Código-fonte de biblioteca 40–60%
Código já compacto 15–30%
Código já minificado 0–5%

Servir arquivos minificados com compressão gzip ou Brotli normalmente reduz o tamanho de transferência em mais 60–75%.

Dicas

  • Guarde o código-fonte original — código minificado é difícil de ler e depurar. Use source maps no seu build para depurar o código em produção.
  • Minifique como uma etapa de build para produção; esta ferramenta é ideal para scripts avulsos, snippets, bookmarklets e projetos sem um bundler.
  • Teste após minificar, especialmente códigos que dependem de nomes de funções ou eval.

Ferramentas relacionadas

Minifique folhas de estilo com o Minificador de CSS, formate dados com o Formatador de JSON, ou codifique scripts para incorporação com o Base64.

Perguntas frequentes

O que faz um minificador de JavaScript?
Ele remove espaços em branco e comentários, encurta nomes de variáveis locais e funções (mangling) e reescreve o código em equivalentes mais curtos — por exemplo, removendo código inacessível e simplificando expressões — sem alterar o funcionamento do código.
Qual sintaxe JavaScript é suportada?
O Terser suporta JavaScript moderno (ES2015 e posterior), incluindo arrow functions, classes, modules, async/await e optional chaining. TypeScript e JSX precisam ser compilados para JavaScript primeiro.
É seguro encurtar nomes de variáveis?
O Terser renomeia apenas variáveis locais e funções, nunca nomes globais ou propriedades de objetos, garantindo que o código continue funcionando. Se o código depender de nomes de funções em tempo de execução (por exemplo, fn.name), desative o encurtamento de nomes.
Por que estou recebendo um erro de sintaxe?
O minificador precisa analisar (parse) seu código primeiro. Erros geralmente indicam a falta de uma chave, colchete ou aspas, ou uma sintaxe que não é JavaScript — como anotações de tipo do TypeScript ou JSX. A mensagem mostra o que deu errado.
É feito upload do meu código?
Não. O Terser roda direto no seu navegador, então seu código proprietário nunca sai do seu dispositivo.