Minificador de JS/CSS

Free

Reduz JavaScript ou CSS removendo espaços em branco e comentários, com encurtamento opcional de nomes de variáveis para JavaScript, e estatísticas de tamanho antes/depois.

Entrada

Encurtar nomes de variáveis (mangle)

Saída minificada

Sobre esta ferramenta

Remove espaços em branco, comentários e caracteres desnecessários para reduzir o tamanho do arquivo JavaScript ou CSS.
Não formata. Para saída legível e com indentação, use uma ferramenta de formatação dedicada.

Atividade recente

Visível para todos. Últimos 20 usos de todos os visitantes, mais recentes primeiro.

Minified 113 characters of CSS

há 19 horas

Minified 127 characters of JavaScript

há 19 horas

Minified 127 characters of JavaScript

há 19 horas

Comentários (0)

Achou esta ferramenta útil? Deixe um comentário, compartilhe uma dica ou nos diga como podemos melhorá-la.

Ainda sem comentários. Seja o primeiro a compartilhar sua opinião!

O que esta ferramenta faz

Cole JavaScript ou CSS legível e esta ferramenta o reduz removendo espaços em branco, comentários e (para JavaScript, opcionalmente) encurtando nomes de variáveis locais, produzindo um arquivo menor com comportamento idêntico.

Como funciona

A ferramenta analisa seu código em uma árvore de sintaxe abstrata usando o mecanismo de código aberto terser para JavaScript e clean-css para CSS, depois regenera o código-fonte equivalente mais compacto a partir dessa árvore: removendo comentários e espaços em branco desnecessários, encurtando valores numéricos e de cor quando seguro, e, para JavaScript com mangling ativado, renomeando identificadores de escopo local para os nomes mais curtos disponíveis. Como a transformação atua sobre a estrutura analisada, e não sobre o texto bruto, o código resultante se comporta de forma idêntica ao original.

Problemas que resolve

Reduzir o tamanho de um arquivo JavaScript ou CSS para acelerar o carregamento da página, especialmente antes de um deploy manual sem pipeline de build.
Produzir rapidamente um pacote pronto para produção a partir de um único script ou folha de estilo sem configurar uma ferramenta de build completa.
Ver exatamente o quanto um arquivo fica menor, com uma comparação exata de tamanho antes/depois.

Perguntas frequentes

›Esta ferramenta também formata ou embeleza o código?

Não, esta ferramenta apenas minifica (reduz) o código removendo espaços em branco e comentários. Se precisar de código legível e corretamente indentado, use uma ferramenta de formatação dedicada.

›O que significa "mangle" para JavaScript?

O mangling renomeia variáveis locais e parâmetros de função para nomes curtos como "a" ou "b" sempre que é seguro fazer isso, economizando bytes adicionais além de apenas remover espaços em branco. Nunca renomeia nomes acessíveis globalmente, portanto não quebra código que depende de identificadores globais específicos.

›O código minificado é seguro para uso em produção?

Sim, a minificação altera apenas espaços em branco, comentários e (opcionalmente) nomes de variáveis locais. A lógica e o comportamento do código são preservados exatamente, por isso o JavaScript e o CSS minificados são prática padrão em sites de produção.

›Por que a minificação falhou com um erro?

Os minificadores precisam de JavaScript ou CSS válido e analisável. Se sua entrada tiver um erro de sintaxe, o minificador não conseguirá construir uma representação interna correta dela. Verifique o código em um linter ou na console do navegador para encontrar o problema exato, corrija-o e tente novamente.

›Devo manter uma cópia não minificada do meu código?

Sim. Mantenha sempre seu código-fonte original e legível como a versão que você edita e mantém, e gere a versão minificada como uma etapa de build. Trate a saída minificada como um artefato descartável, não como um arquivo para editar manualmente.

Renderiza Markdown como HTML em tempo real e sanitizado ao lado da fonte, com uma alternância para visualizar e copiar o HTML gerado.