Minificador CSS/JS
Minifica CSS e JavaScript
Minificador CSS/JS: Reduza o Tamanho do Arquivo para Produção
Minificar CSS e JavaScript remove whitespace, comentários, variáveis não usadas e encurta nomes, reduzindo o tamanho do arquivo em 30-60% sem afetar a funcionalidade. Impacto direto na performance web: menos para baixar = página mais rápida = melhor ranking SEO (Google prioriza sites rápidos).
Nosso minificador usa cssnano (CSS) e terser (JS) — as mesmas ferramentas que Vercel, Netlify e webpack usam internamente. Opções configuráveis: minificar agressivamente, preservar comentários importantes (/*! */), manter console.log para debug.
Para desenvolvedores que não têm um pipeline de build configurado, sites sem npm/webpack ou protótipos rápidos. Tudo roda no navegador sem dependências.
Como funciona?
- 1Cole seu CSS ou JS
A ferramenta detecta a linguagem automaticamente. Arquivos até 5 MB suportados.
- 2Ajuste opções
Minificação agressiva, preservar comentários, manter nomes de funções (para stack traces).
- 3Baixe a versão minificada
Compare tamanho original vs minificado. Copie para a área de transferência ou baixe como .min.css/.min.js
Perguntas Frequentes
Dependendo do código: CSS reduz tipicamente 40-50%, JS 30-60%. Combinado com gzip (o servidor geralmente aplica), impacto total é 70-85% menos bytes transferidos. Em conexões lentas, essa é a diferença entre 3s e 1s de tempo de carregamento.
Sim. Gzip e minificação são complementares. Arquivos minificados comprimem melhor com gzip (menos padrões para codificar). Combinar os dois dá o menor tamanho possível.
Em JS, se você usa eval() ou construtor Function com nomes de variáveis como strings, minificação agressiva pode quebrá-lo (variáveis são renomeadas mas strings não). Em CSS, muito raro. Terser e cssnano são seguros com código normal.