Minificador de CSS / JS
A minificação reduz o tamanho de arquivos CSS e JavaScript removendo comentários e espaços desnecessários, sem alterar o comportamento do código. Esta ferramenta leve processa seu código diretamente no navegador — nada é enviado para um servidor — e exibe o tamanho original, o tamanho minificado e o percentual economizado para que você avalie o impacto de imediato.
Embora projetos em produção normalmente utilizem minificadores integrados a ferramentas de build (como esbuild, Terser ou Lightning CSS) que realizam otimizações avançadas como renomeação de variáveis e eliminação de código morto, esta calculadora é ideal para verificações rápidas, exercícios de aprendizado ou trechos pontuais onde configurar um pipeline completo seria excessivo.
Como funciona
Minificação leve: (1) remover comentários de bloco /* … */ e comentários de linha //; (2) colapsar sequências de espaços em branco (espaços, tabulações, quebras de linha) em um único espaço; (3) remover espaços ao redor de delimitadores como : ; { } , > ~ + no CSS e = + - * / ; : { } ( ) [ ] , no JS. Economia % = (bytesOriginais − bytesMinificados) / bytesOriginais × 100.
Casos de uso
- Reduzir rapidamente um trecho de CSS antes de colá-lo em um CMS ou template de e-mail
- Verificar quanto espaço em branco e comentários inflam uma função utilitária JS
- Aprender como a minificação funciona passo a passo sem uma ferramenta de build
- Preparar pequenos scripts ou estilos inline para clientes de e-mail HTML
- Estimar economia de banda antes de configurar um pipeline de build completo