Minificador e Formatador JavaScript
Comprima ou formate código JavaScript com opções personalizáveis
Documentação do Minificador e Formatador JavaScript
O que é esta ferramenta?
A minificação JavaScript remove espaços, comentários e tokens desnecessários preservando a semântica de execução. Ao contrário do CSS, deve respeitar a Inserção Automática de Ponto-e-Vírgula (ASI). Esta ferramenta aplica remoção conservadora de espaços, preservando quebras sensíveis ao ASI, e remove todos os comentários (// e /* */).
Recursos Principais
- Remoção de espaços e comentários: remove espaços entre declarações, linhas em branco, // e /* */. Preserva literais de string, template e regex.
- Tratamento ASI-safe: mantém quebras de linha antes de instrução com (, [, /, +, -.
- Sem renomeação de variáveis: diferente de Terser/UglifyJS, não renomeia variáveis locais.
- Suporte ES6+: arrow functions, destructuring, template literals, optional chaining, nullish coalescing.
- Beautifier configurável: 2/4 espaços ou tab; quebras após {/}/; e antes de //; normalização de estilo de aspas.
Casos de Uso Comuns
- Depuração de desenvolvimento: beautify de JS minificado em produção sem source map.
- Minificação pontual: reduzir JS inline em HTML sem Webpack.
- Análise de segurança: beautify de scripts ofuscados de terceiros.
- Estimativa de tamanho: comparar bytes antes/depois.
Como usar o Minificador JavaScript
Dois modos: Minify (removendo comentários/espaços) e Beautify (reformatando com indentação consistente).
Para comprimir JavaScript:
- Cole seu código JavaScript no painel de entrada ou faça upload de um arquivo .js.
- Clique em “Minify”. Espaços e comentários são removidos preservando quebras ASI-sensíveis.
- Copie ou baixe a saída .js. A taxa de redução é exibida abaixo.
Para formatar/embelezar JavaScript:
- Cole JavaScript minificado no painel de entrada.
- Selecione o estilo de indentação e clique em “Beautify”.
- O resultado formatado aparece no painel de saída.
Por que minificar JavaScript?
A minificação JS reduz o tamanho de scripts, diminuindo TTFB e TTI. Só espaços: 20-40%; com renomeação Terser: 40-65%. Gzip: mais 60-75%.
JS minificado reduz o tempo de parse do V8. No mobile, cada KB economizado melhora FID e INP (Core Web Vitals).
Ajustes de embelezamento
Reconstrói indentação legível do JS minificado. Lida com funções aninhadas, classes, estruturas de controle.
- Indentação configurável: 2 espaços, 4 espaços ou tabulação
- Quebras de linha após {/}/; e antes de //
- Normalização de estilo de aspas
- Funções e classes aninhadas com níveis crescentes
Ajustes de minificação
Passadas de transformação de texto para reduzir bytes sem alterar comportamento.
- Todos os comentários // removidos
- Todos os comentários /* */ removidos (incluindo JSDoc)
- Espaços entre declarações e linhas em branco removidos
- Quebras ASI-sensíveis antes de (, [, /, +, - conservadas
- Literais de string, template e regex intocados
Impacto estimado no tamanho do arquivo
Texto: 20-40% de redução. Terser: 40-65%. Gzip: mais 60-75%; total 85-90% combinado.
Ferramentas Relacionadas
Minificador e Embelezador CSS
Comprima ou embeleze código CSS, remova espaços em branco e comentários para otimizar o tamanho do arquivo, ou formate o código para legibilidade
Minificador e Embelezador HTML
Comprima ou embeleze código HTML, remova espaços em branco e comentários para otimizar o tamanho do arquivo, ou formate o código para legibilidade
Formatador JSON
Formate e valide dados JSON para melhorar a legibilidade e depuração
Formatador XML
Formate e valide dados XML com destaque de sintaxe
Testador Regex
Teste e depure expressões regulares com resultados de correspondência instantâneos
Verificador de Diferenças de Texto
Compare diferenças entre dois textos ou arquivos com visualização lado a lado destacada