Minificador de JS

JavaScript mais leve para páginas mais rápidas

O JavaScript costuma ser o recurso mais caro de uma página: ele precisa ser baixado, analisado e executado, e pode atrasar a resposta da página a toques e cliques. Minificar remove comentários, espaços e quebras de linha para o arquivo ficar menor, e a ferramenta mostra os caracteres JS antes e os caracteres do JS minificado depois.

Use para scripts de projetos pequenos, trechos que você adiciona a um CMS, código de rastreamento ou widgets, ou em qualquer lugar onde você não tenha um bundler fazendo isso sozinho.

O comportamento do código não muda. Guarde o original para editar e depurar.

Como usar o minificador de JS

1. Cole seu código JavaScript.
2. Envie para minificar.
3. Compare a quantidade de caracteres.
4. Copie o script minificado e teste sua página.

Exemplos

Uma função pequena

Entrada:

// Greet the user
function greet(name) {
  const message = 'Hello, ' + name + '!';
  console.log(message);
  return message;
}

greet('Zach');

Resultado:

function greet(name){const message="Hello, "+name+"!";console.log(message);return message}greet("Zach")

Comentários, quebras de linha e espaços são removidos, as aspas simples viram duplas e o último ponto e vírgula de cada bloco é eliminado. Os nomes das variáveis continuam iguais: esta ferramenta reduz os espaços, mas não renomeia.

Usos comuns

• Minificar scripts personalizados para o rodapé do WordPress, Shopify ou outros CMS.
• Reduzir bibliotecas e widgets pequenos que você distribui.
• Preparar bookmarklets e scripts embutidos.
• Versões de produção rápidas para sites simples sem ferramentas de build.

Dicas e coisas para saber

• Garanta que cada instrução termine corretamente (com ponto e vírgula onde precisa). Código que depende das quebras de linha pode quebrar quando elas são removidas.
• Minificar não é uma medida de segurança. Qualquer pessoa pode formatar de novo o código minificado e lê-lo.
• Use defer ou async nas tags script para elas não bloquearem a renderização.
• Valide dados JSON separadamente com o validador de JSON e minifique os estilos com o minificador de CSS.

Casos especiais e limitações

• Código que depende da inserção automática de ponto e vírgula, como uma linha que começa com ( ou [, pode quebrar ao juntar as linhas. Adicione os pontos e vírgulas antes de minificar.
• Os comentários são removidos, inclusive os /*! de licença */, então adicione de volta os avisos obrigatórios.
• Erros de sintaxe na entrada geram um resultado errado ou um erro. Teste o código antes de minificar.
• Para economizar mais, um bundler com um minificador que encurta nomes (como Terser ou esbuild) também reduz os nomes das variáveis.

Perguntas frequentes

O que é minificação de JS?

Remover do JavaScript os caracteres de que o motor não precisa, como espaços e comentários, para o arquivo ficar menor.

Minificar pode quebrar meu JavaScript?

Pode, se o código depende da inserção automática de ponto e vírgula entre quebras de linha. Teste a versão minificada antes de publicar.

Qual é a diferença entre minificar e ofuscar?

Minificar deixa o código menor. Ofuscar o deixa difícil de entender de propósito. Nenhum dos dois protege de verdade o seu código.

Preciso disso se uso um bundler?

Ferramentas como Vite, webpack ou esbuild costumam minificar para você nas versões de produção. Esta ferramenta é para trabalhos rápidos e pontuais.

Código minificado roda mais rápido?

Ele é baixado e analisado um pouco mais rápido porque é menor. O código em si roda igual.

Ferramentas relacionadas

• Minificador de CSS: Minifique seu CSS removendo todos os caracteres desnecessários.
• Minificador de HTML: Minifique seu HTML removendo todos os caracteres desnecessários.
• Validador e formatador de JSON: Valide conteúdo JSON e deixe-o em um formato legível.
• Calculadora de tamanho de texto: Obtenha o tamanho de um texto em bytes (B), kilobytes (KB) ou megabytes (MB).
• Formatador de SQL: Formate e embeleze seu código SQL facilmente.