JS minify
Junte o JavaScript em uma linha removendo as quebras de linha e a indentação, no navegador. Minificação simples e rápida
Use a ferramenta abaixo
GratuitaO minificador de JavaScript junta, de graça e no seu navegador, o seu script em uma linha só, removendo as quebras de linha e a indentação. Você cola o código, a ferramenta devolve a versão compacta na hora, e ela serve para reduzir as quebras de linha de um trecho de script antes de publicar. Como ela remove as quebras, trate os comentários de linha antes de compactar.
Resumo com IA
- Remove as quebras de linha e a indentação, juntando o script em uma linha, para compactar rápido;
- Roda 100% no navegador, sem enviar o código para servidor;
- Não renomeia variáveis, não remove comentários e não reescreve o código, ou seja, não é minificação completa;
- Exige cuidado com o comentário de linha //, que passa a comentar o resto do código ao virar uma linha;
- Devolve o resultado no próprio campo, pronto para testar e copiar.
- Troque os comentários de linha // por comentários de bloco, ou remova-os;
- Cole o script no campo da ferramenta;
- Clique em minificar e veja o código em uma linha;
- Teste a página com o resultado antes de publicar, e guarde o original para editar.
O minificador de JavaScript junta, de graça e no seu navegador, o seu script em uma linha só, removendo as quebras de linha e a indentação. Você cola o código, a ferramenta devolve a versão compacta na hora, e ela serve para reduzir as quebras de linha de um trecho de script antes de publicar.
Um aviso importante de quem cuida de site: como a ferramenta remove as quebras de linha, um comentário de linha iniciado por barra dupla passa a comentar todo o resto do código. Antes de compactar, troque os comentários de linha por comentários de bloco, ou remova-os.
O que o minificador de JavaScript faz com o seu código?
O minificador de JavaScript remove as quebras de linha e a indentação do script e junta tudo em uma linha. Ele não renomeia variáveis, não remove comentários e não reescreve o código, então é uma compactação simples, e não a minificação completa que uma ferramenta de build faz. O ganho de peso vem só das quebras removidas.
Para o dono de um site, vale entender o limite. Como o script fica em uma linha, o cuidado com o comentário de barra dupla é real, porque ele apaga o que vem depois na mesma linha. Por isso teste sempre a página com o resultado antes de publicar, e guarde o código original.
Como usar o minificador de JavaScript?
O minificador de JavaScript compacta qualquer script removendo as quebras de linha e a indentação, e o resultado aparece no mesmo campo ao clicar em Minify. O cuidado está nos comentários. Como o código passa a ocupar uma única linha, um comentário de linha apaga tudo o que vem depois dele, então converta esses trechos em comentário de bloco antes de colar e teste o script compactado na página.
- Troque os comentários de linha por comentários de bloco, ou remova-os;
- Cole o script no campo da ferramenta;
- Clique em minificar e veja o código em uma linha;
- Teste a página com o resultado antes de publicar, e guarde o original para editar.
Tudo que o minificador de JavaScript faz e o que ele não faz
O minificador cabe em uma tarefa bem delimitada, e o texto abaixo separa o que ele faz do que fica para uma ferramenta de build. Cada ponto ajuda a decidir quando ele basta.
- Remove as quebras de linha e a indentação, juntando o script em uma linha, para compactar rápido;
- Roda 100% no seu navegador, sem enviar o código para servidor;
- Não renomeia variáveis, não remove comentários e não reescreve o código, ou seja, não é minificação completa;
- Exige cuidado com o comentário de linha, que passa a comentar o resto do código ao virar uma linha;
- Devolve o resultado no próprio campo, pronto para testar e copiar.
Quando esta ferramenta basta e quando usar uma de build?
O minificador basta para compactar um trecho de script rápido, sem instalar nada, desde que você trate os comentários de linha antes. Para o ganho de verdade, com renomeação de variáveis e remoção de código sem uso, uma ferramenta de build como o terser faz muito mais, e em WordPress um plugin de cache costuma minificar o JavaScript automaticamente.
A compactação é uma peça pequena da velocidade. O excesso de scripts de terceiros, a imagem pesada e o servidor lento pesam muito mais. Quando a lentidão trava o site na busca, uma consultoria de SEO técnica trata a velocidade junto com indexação e estrutura, e não um arquivo por vez.
Como a minificação de JavaScript funciona por dentro?
O minificador roda inteiro no seu navegador e aplica uma única transformação ao texto colado: remove as quebras de linha e a indentação que vem logo depois de cada quebra, juntando o script em uma única linha. Ele não interpreta o código, não renomeia variáveis, não remove comentários e não reescreve nada, então é uma compactação simples e o ganho de peso vem só das quebras removidas.
É justamente por juntar tudo em uma linha que o comentário de linha iniciado por barra dupla vira um risco: sem a quebra, ele passa a comentar todo o resto do código. Por isso troque os comentários de linha por comentários de bloco antes de compactar. A tabela separa o que essa compactação faz do que o terser, uma ferramenta de build, faz a mais.
| Tarefa | Este minificador | Ferramenta de build (terser) |
|---|---|---|
| Remover quebras de linha e indentação | Sim | Sim |
| Remover comentários | Não, mantém | Sim |
| Renomear variáveis para nomes curtos | Não | Sim |
| Remover código sem uso | Não | Sim |
| Onde roda | No seu navegador | No processo do projeto |
O resultado sai no próprio campo, pronto para testar e copiar. Como o script em uma linha é difícil de ler e um comentário mal tratado quebra tudo, teste a página com o resultado antes de publicar e guarde o código original para editar.
Perguntas frequentes sobre o minificador de JavaScript
Estas são as dúvidas mais comuns de quem vai compactar um script.
O minificador de JavaScript remove as quebras de linha e a indentação do script e junta tudo em uma linha. Ele não renomeia variáveis nem remove comentários, então é uma compactação simples que roda no seu navegador. Por causa disso, os comentários de linha precisam ser tratados antes, e o resultado deve ser testado.
Quase sempre por causa de um comentário de linha iniciado por barra dupla. Como a ferramenta remove as quebras de linha, o que vinha depois do comentário na mesma linha entra no comentário e some. A solução é trocar os comentários de linha por comentários de bloco, ou removê-los, antes de compactar.
O minificador daqui só remove as quebras de linha e a indentação. Um minificador de build como o terser vai além, renomeia variáveis, remove código sem uso e comentários, e reduz o script muito mais. Use esta para uma compactação rápida de um trecho, e o terser no processo do projeto para a otimização de verdade.
Precisa, porque o script em uma linha é difícil de ler e editar. Mantenha a versão legível como fonte e gere a compacta a cada mudança. Trabalhar direto no código em uma linha é lento e arriscado, então o original é onde você edita, e a versão compacta é só a publicada.
Não. A compactação roda no seu navegador e nada do que você cola é enviado ou armazenado. O resultado aparece na hora, na sua tela, e some quando você fecha a página, com total controle do código do seu lado e sem cadastro para usar a ferramenta.
O que a compactação do JavaScript resolve e o que não resolve
A compactação resolve juntar o script em uma linha, com o cuidado dos comentários, mas não faz a otimização completa nem conserta o excesso de scripts de terceiros, a imagem pesada ou o servidor lento, que pesam muito mais. Quem administra um site, por exemplo, usa esta ferramenta para um trecho rápido, e deixa a minificação de verdade para o terser no build ou para o plugin de cache.
Seus dados estão seguros
O processamento da ferramenta acontece diretamente no navegador sempre que possível. Nenhum dado sensível precisa ser enviado para solicitar um orçamento ou acessar o conteúdo da página.