Como usar: Minificador de JavaScript
- Cole seu JavaScript ou abra um arquivo
.js. - Deixe Compress e Mangle names ativados para a menor saída; marque ES module para código com
import/export. - Opcionalmente, remova chamadas de
consolee escolha quais comentários manter. - Copie o resultado ou baixe como
.min.js.
O que um minificador de JavaScript faz?
A minificação deixa o JavaScript menor sem alterar o que ele faz. Ela remove espaços em branco e comentários, encurta nomes de variáveis e funções locais e reescreve o código em formas equivalentes mais curtas. Arquivos menores baixam e são interpretados mais rápido, o que ajuda a velocidade da página e os Core Web Vitals — especialmente no celular.
Esta ferramenta executa o Terser, o minificador por trás do Vite, webpack e Rollup, diretamente no seu navegador.
As principais opções
| Opção | O que faz | Risco |
|---|---|---|
| Compress | Remove código inalcançável, calcula constantes (60 * 60 → 3600), simplifica condições e junta instruções | Muito baixo |
| Mangle names | Renomeia variáveis locais e parâmetros para uma ou duas letras | Baixo — código que usa eval ou Function.name pode quebrar |
| Mangle top-level | Também renomeia funções e variáveis globais | Quebra código que outros scripts chamam pelo nome |
| ES module | Interpreta import/export e ativa o modo estrito e o mangling de nível superior | Nenhum para módulos reais |
| Remove console.* | Remove console.log e chamadas semelhantes | Remove logs que você pode querer em produção |
Minificação vs compressão
Minificação e gzip/Brotli trabalham juntas. A minificação normalmente reduz 30–60 % do arquivo; em seguida, a compressão gzip ou Brotli do servidor diminui o que restou em mais 60–70 %. As estatísticas acima mostram os dois: o tamanho minificado e o tamanho em gzip que realmente trafega pela rede.
Mantenha os comentários de licença
Licenças de código aberto como a MIT exigem que o aviso de copyright permaneça com o código. Por convenção, esses comentários começam com /*! ou contêm @license, e a configuração padrão os mantém.
Solução de problemas
- Erro de sintaxe: a linha e a coluna são exibidas. TypeScript e JSX precisam ser compilados para JavaScript antes.
- O código para de funcionar após o mangling: desative Mangle top-level names; se não resolver, verifique se há
evalou código que lê nomes de funções. - Precisa de uma versão legível novamente? Use o formatador de JavaScript para deixar o código minificado legível.
Também pesquisado como: minificador js, minificar javascript, compactar javascript, minificar js online, terser online, comprimir javascript, minificar es6.
Ferramentas que combinam com: Minificador de JavaScript
- Minificador de HTML — Reduza páginas e templates HTML removendo comentários e espaços em branco desnecessários, minificando <style> e <script> inline e limpando atributos, sem alterar o layout.
- Minificador CSS — Cole uma folha de estilos para reduzi-la na hora.
- Minificador JSON — Remova todos os espaços desnecessários do seu JSON, valide ao mesmo tempo e veja exatamente quantos bytes você economiza — antes e depois do gzip.
- Teste de Compressão de Site — Digite uma URL para ver qual compressão o seu servidor envia para cada Accept-Encoding, quantos bytes ela economiza, se o CSS e o JavaScript estão comprimidos e o que o Brotli poderia economizar.
Perguntas frequentes
O Terser é melhor que o UglifyJS?
O código minificado vai se comportar exatamente igual?
eval, with ou de nomes de funções em tempo de execução; desative o mangling nesses casos.