Minificador de JavaScript

Minifique JavaScript com o Terser: remove espaços e comentários, encurta nomes de variáveis locais e aplica compressões seguras. Roda no seu navegador.

Saída

Executa totalmente no seu navegador. Seus dados nunca são enviados.

Ferramentas Relacionadas

Ver Todas

O que é Minificador de JavaScript?

O Minificador de JavaScript comprime JavaScript moderno (ES2015+) com o Terser, o minificador usado pelo webpack e pelo Vite. Ele remove espaços e comentários, renomeia variáveis locais para nomes curtos e simplifica expressões.

Como usar Minificador de JavaScript

  1. Cole seu JavaScript na caixa de entrada.
  2. Clique em Minificar (a saída também é atualizada enquanto você digita).
  3. Veja a linha de tamanho abaixo da saída.
  4. Copie ou baixe o código minificado.

Exemplo

Entrada
function add(first, second) {
  return first + second;
}
console.log(add(1, 2));
Saída
function add(d,n){return d+n}console.log(add(1,2));

Quando usar Minificador de JavaScript

Use-o para scripts pequenos, bookmarklets, blocos <script> em linha ou checagens rápidas de tamanho. Em aplicações, deixe seu bundler minificar com source maps. Ele não transpila TypeScript nem JSX: remova os tipos antes.

Como funciona Minificador de JavaScript

O código é minificado com terser.minify, com compress e mangle ativados e todos os comentários removidos. O Terser gera uma AST, incorpora constantes, remove código morto e variáveis não usadas em escopos locais e renomeia identificadores locais de funções. Os nomes de nível superior não são ofuscados, então funções globais mantêm seus nomes. Erros de sintaxe são informados com linha e coluna.

Casos de Uso Comuns

  • Minificar um script independente para um site estático
  • Criar bookmarklets compactos
  • Ver quão pequena fica a função de uma biblioteca
  • Remover comentários antes de embutir código

Nota de Segurança

Tudo roda localmente no seu navegador; o código que você cola não é enviado a nenhum servidor.

Perguntas Frequentes

Por que os nomes das minhas variáveis de nível superior não são encurtados?

Nomes de nível superior podem ser usados por outros scripts, então o Terser os mantém por padrão.

Ele suporta TypeScript ou JSX?

Não, a entrada deve ser JavaScript puro.

Um source map é gerado?

Não; use sua ferramenta de build quando precisar de source maps.

Próximos passos recomendados

Explore mais categorias