Conversor Gratuito

JavaScript Minificador

Minifique e comprima código JavaScript instantaneamente no seu navegador. Remova comentários, comprima espaços e reduza o tamanho do arquivo. Grátis e privado.

Arraste e solte um arquivo JS aqui

Suporta arquivos .js. Ou cole seu JavaScript acima.

Ou

Sobre esta ferramenta

A minificação do JavaScript reduz o tamanho do código-fonte removendo caracteres desnecessários e (com minificadores adequados) renomeando variáveis locais para nomes mais curtos. A primeira categoria – remoção de espaços em branco e comentários – é simples e livre de riscos. A segunda — renomeação de variáveis ​​— requer a compreensão das regras de escopo e é o que minificadores de produção como Terser e esbuild fazem de melhor.

Esta ferramenta se concentra na minificação segura: remoção de comentários, redução de espaços em branco, remoção de ponto e vírgula redundantes e redução de padrões óbvios. A renomeação de variáveis ​​é conservadora — apenas variáveis ​​locais em escopos claros são tocadas e nomes referenciados externamente são deixados de lado. O resultado é funcionalmente idêntico à fonte.

Para minificação de nível de produção, ferramentas dedicadas (Terser, esbuild, swc) compreendem todo o modelo de escopo ECMAScript e produzem resultados significativamente menores. Esta ferramenta serve para minificação rápida no navegador quando uma configuração de compilação completa não está disponível.

Por que minimizar o JavaScript

Os pacotes JavaScript são normalmente o maior recurso único em uma página da web moderna. A minificação produz rotineiramente uma redução de tamanho de 30 a 60% em comparação com a fonte não minificada. Combinado com gzip ou Brotli, a redução diminui um pouco, mas a combinação ainda economiza bytes mensuráveis ​​– especialmente para usuários em conexões lentas.

JavaScript mais rápido também significa tempo de interação mais rápido. Scripts menores são baixados mais rapidamente, analisados ​​mais rapidamente e executados mais rapidamente. Para sites onde o TTI afeta as taxas de rejeição e a classificação de SEO, a minificação é uma das vitórias mais baratas disponíveis.

Como usar

Cole JavaScript e obtenha uma versão menor.

  1. Adicionar entrada JavaScript: Cole a fonte na área de entrada ou solte um arquivo .js. O minificador aceita JavaScript moderno (ES2015+), incluindo funções de seta, literais de modelo, classes e módulos.
  2. Escolha opções: O padrão remove comentários e recolhe espaços em branco. A renomeação de variáveis ​​locais é conservadora; habilite uma renomeação mais agressiva se precisar de compactação máxima.
  3. Minificar: O minificador analisa a fonte, remove espaços em branco e comentários e emite uma saída compacta. Erros de sintaxe na origem produzem mensagens de erro claras.
  4. Use a saída: Substitua sua fonte de script em produção. Para otimização total, combine com um empacotador que lide com trepidação de árvore e eliminação de código morto.

Casos de uso comuns

Detalhes técnicos

O minificador tokeniza JavaScript usando um analisador que respeita a sintaxe ECMAScript. Comentários (linha única e multilinha) são removidos, exceto comentários de licença marcados com /*! prefixo. Os espaços em branco são recolhidos, exceto quando sintaticamente necessário (entre identificadores, após palavras-chave).

A renomeação conservadora de variáveis encurta variáveis locais em escopos simples. Nomes globais, exportações e importados não são renomeados — isso quebraria as referências externas. Para renomeação profunda, use Terser ou esbuild com análise adequada de reconhecimento de módulo.

Casos extremos: inserção automática de ponto e vírgula (ASI) significa que o minificador deve preservar novas linhas em alguns contextos para evitar alterações no comportamento do programa. Literais de modelo, literais regex e JSX (se a entrada incluir) são preservados exatamente porque seu conteúdo pode não ser seguro para compactação.

Melhores Práticas

Perguntas frequentes

A minificação altera o funcionamento do meu código?
Não. A minificação remove espaços em branco e comentários, o que não afeta a execução. O encurtamento de variáveis ​​(mangling) renomeia variáveis ​​locais, mas preserva o comportamento. Variáveis ​​globais e nomes exportados são mantidos intactos.
Devo reduzir no desenvolvimento ou na produção?
Use apenas código minificado na produção. Durante o desenvolvimento, mantenha o código original legível. A maioria das ferramentas de construção (Webpack, Vite, esbuild) lidam com a minificação automaticamente como parte do processo de construção de produção.
Qual é a diferença entre minificação e ofuscação?
A minificação reduz o tamanho enquanto mantém o código funcionalmente legível se formatado. A ofuscação torna o código intencionalmente difícil de entender (codificação de string, achatamento do fluxo de controle). Esta ferramenta se concentra na redução de tamanho, não na ofuscação.
Quanta redução de tamanho devo esperar?
Normalmente 30-60% antes do gzip. Código bem comentado com nomes de variáveis ​​longos apresenta as maiores reduções. Combinados com a compactação gzip, os arquivos JavaScript costumam ser 80-90% menores que a fonte original.
Meu código é carregado em um servidor?
Não. O minificador é executado no seu navegador.
Quanto menor será meu JavaScript?
Normalmente redução de 30–60%. Código com muitas variáveis ​​e identificadores longos comprime mais; código com muita expressão compacta menos.
Devo minificar manualmente?
Nunca. Mantenha o JavaScript legível na fonte. Execute a minificação como uma etapa de build ou como parte da implantação.
Funciona em TypeScript?
O TypeScript precisa ser compilado para JavaScript primeiro usando tsc ou esbuild. Depois de compilado, o JavaScript resultante pode ser reduzido.