Minificar código CSS / JS

Reduza o tamanho do seu código CSS ou JavaScript diretamente no seu navegador, sem envio a um servidor: remoção de comentários e de espaços supérfluos.

Exemplo:

Atenção: trata-se de um minificador básico (remoção de comentários e compressão de espaços) e não de uma ferramenta de produção completa como Terser ou csso. Ele não renomeia variáveis nem realiza nenhuma otimização semântica avançada.

Como funciona

Pensado para reduzir o peso de um arquivo CSS ou JavaScript antes de publicar um pequeno site ou uma página pessoal: cole seu código-fonte, escolha a linguagem, clique em "Minificar" e obtenha uma versão mais leve (comentários e espaços supérfluos removidos), além da porcentagem de redução obtida. Como indicado acima nesta página, trata-se de um minificador básico adequado para uma necessidade pontual ou de aprendizado, não um substituto para ferramentas de produção como Terser ou csso em um projeto grande.

Por que meu código minificado parou de funcionar?

É raro, mas possível com código muito específico (por exemplo, JavaScript que depende de espaços ou ponto e vírgula implícitos em casos extremos). Como este minificador não faz análise semântica avançada nem renomeação de variáveis, é recomendável sempre testar o resultado antes de colocá-lo em produção.

Qual a diferença entre minificação e compressão gzip?

A minificação altera o próprio código-fonte (remoção de comentários, espaços, encurtamento) e produz um arquivo menor que continua diretamente executável tal como está. A compressão gzip (ou brotli) é aplicada depois, do lado do servidor, sobre o arquivo já minificado: ela comprime a transferência de rede sem alterar o conteúdo, e o navegador o descomprime ao receber. As duas técnicas são complementares.

A minificação é executada 100% localmente no seu navegador via WebAssembly: seu código-fonte nunca é enviado a um servidor.