Minifique código CSS e meça a redução de tamanho

Este minificador remove esse peso de entrega e preserva textos entre aspas, a ordem dos seletores, as declarações e a estrutura das regras. Ele retorna o CSS compacto, as contagens de bytes UTF-8 original e final e a redução percentual. A operação é determinística, funciona sem acesso à rede e rejeita entradas cujas chaves não estejam equilibradas.

O que o minificador remove

O minificador se concentra na formatação desnecessária quando uma folha de estilo chega ao navegador. Ele remove comentários de bloco, compacta sequências de espaços e quebras de linha, elimina espaços ao redor da pontuação estrutural e retira o último ponto e vírgula imediatamente antes de uma chave de fechamento. Ele não reordena regras, combina seletores, renomeia propriedades personalizadas, encurta cores nem reescreve cálculos. Esse limite conservador é importante porque o comportamento do CSS depende da ordem do código, da especificidade e do conteúdo exato de determinados valores. As strings entre aspas são analisadas separadamente, portanto espaços, chaves, pontuação e trechos semelhantes a comentários dentro de uma URL ou de conteúdo gerado permanecem intactos. Aspas escapadas também são respeitadas. Os espaços que separam tokens são mantidos quando sua remoção poderia unir duas palavras ou valores. Use o resultado como um recurso gerado e mantenha o original legível no controle de versão.

Como funcionam a validação e a medição

Antes de retornar o resultado, o analisador acompanha cada chave de abertura e fechamento que aparece fora de comentários e strings entre aspas. Uma chave de fechamento sem abertura anterior, ou uma abertura ainda pendente no fim, produz um erro de entrada inválida em vez de CSS parcial. Essa verificação detecta cedo erros comuns de copiar e colar e folhas truncadas. A capacidade também rejeita CSS ausente ou vazio, comentários inacabados e strings não fechadas, pois essas entradas não podem ser minificadas de maneira previsível. Os tamanhos são medidos em bytes UTF-8, e não em quantidade de caracteres JavaScript. A diferença é importante em folhas com nomes de fontes não ASCII, conteúdo gerado localizado ou seletores Unicode, nas quais um caractere visível pode ocupar vários bytes na transferência. A redução é calculada com as duas contagens e arredondada para duas casas decimais. Como o mesmo analisador determinístico atende cada solicitação sem rede, aleatoriedade, relógio ou estado externo, entradas idênticas sempre geram o mesmo CSS e as mesmas métricas.

Como usar o resultado no fluxo de entrega

Um fluxo comum mantém o CSS formatado como fonte editável e minifica apenas a cópia destinada a um site, pacote de aplicativo, modelo de e-mail ou hospedagem de recursos estáticos. Envie a folha completa, leia o valor compacto no campo css e grave-o no artefato de implantação. Os campos original_bytes e minified_bytes podem ser registrados nos relatórios de compilação, enquanto reduction_percent fornece uma medida imediata e legível da economia. Um trabalho de integração contínua pode comparar essas métricas entre versões para detectar crescimento acidental, embora orçamentos de tamanho devam usar os bytes exatos, não a porcentagem arredondada. O analisador é um minificador, não um compilador CSS completo: ele não resolve importações, adiciona prefixos, valida todas as propriedades, transpila sintaxe nova nem combina arquivos. Execute primeiro essas transformações e minifique a saída CSS final. Se a validação de chaves falhar, corrija ou gere novamente a fonte. A automação pela API custa US$ 0,002 por solicitação.