Dev Tools

Minificar JavaScript

Remoção simples de comentários e espaços extras. Não substitui Terser/esbuild em builds reais.

Minificar JavaScript

{{ t("sizeBefore") }}: {{ minifyJs.beforeSize }}
{{ t("sizeAfter") }}: {{ minifyJs.afterSize }}
{{ t("sizeReduction") }}: {{ minifyJs.reduction }}

Como usar Minificar JavaScript

JavaScript é, hoje, a linguagem mais distribuída do mundo — no sentido literal. Cada vez que um usuário abre uma página web, o browser baixa, parseia e executa arquivos .js que vieram de um servidor a centenas ou milhares de quilômetros de distância. A ironia histórica é que Brendan Eich criou o JavaScript em 10 dias para fazer pequenas animações e validações de formulário. Ninguém imaginava que, três décadas depois, arquivos de centenas de kilobytes seriam a norma, e que uma indústria inteira de ferramentas de build existiria para comprimi-los.

Minificação não é só remover espaços e comentários — embora seja um começo válido. As ferramentas mais avançadas como Terser e esbuild vão muito além: renomeiam variáveis locais de nomes descritivos como `usuarioLogado` para `a`, eliminam código morto (funções declaradas mas nunca chamadas), inline funções pequenas, e até substituem `true` por `!0` e `false` por `!1` porque esses literais têm menos caracteres. O resultado pode ser um arquivo 40% a 70% menor que o original — e isso antes mesmo de aplicar gzip ou brotli no servidor.

A ferramenta desta página implementa a minificação básica: remove comentários de linha e bloco, elimina espaços e tabs desnecessários e colapsa quebras de linha. É suficiente para entender o impacto da minificação, fazer testes rápidos e comparar tamanhos. Para builds de produção com renomeação de variáveis, tree shaking e code splitting, o caminho é usar Vite, webpack, Rollup ou esbuild integrados ao pipeline. Nenhuma ferramenta online substitui isso — e seria ingênuo tentar.

Antes

function hello() {
  // comentário
  return 1;
}

Perguntas frequentes

Para que serve esta ferramenta?

Ela roda 100% no seu navegador: útil para validar, formatar ou converter dados no dia a dia de desenvolvimento.

Meus dados são enviados a algum servidor?

O processamento é feito localmente via JavaScript. Não armazenamos o conteúdo que você cola nas caixas de texto.

Posso usar em produção ou para dados reais?

Use por sua conta e risco. Para segredos (senhas, tokens), prefira ambientes controlados e políticas da sua empresa. E lembre sempre de revisar os conteúdos gerados. Nunca confie cegamente nas coisas que vê na internet.

Continue nas Dev Tools

Ferramentas relacionadas para acelerar tarefas comuns de desenvolvimento.