Minificar CSS reduz o tamanho do arquivo sem mudar como o navegador o interpreta — os estilos permanecem exatamente os mesmos, e só desaparece o que existia puramente para a legibilidade humana do código.
O que é realmente removido
Um minificador remove espaços e quebras de linha entre regras, comentários do tipo /* ... */, o ponto e vírgula final antes da chave de fechamento de um bloco, e encurta zeros redundantes em valores como 0.5em → .5em. Nada disso mexe nos caracteres do conteúdo em si, só no espaço em branco e na pontuação ao redor.
Acentos e cedilha atravessam a minificação sem alteração
Uma regra como content: "→" ou um valor com acentuação e cedilha passa pelo minificador sem mudar um único caractere — a ferramenta só manipula espaços, comentários e sintaxe, não a codificação de bytes do texto em si. O detalhe que vale checar é outro: ferramentas antigas ou editores mal configurados às vezes assumem uma codificação diferente de UTF-8 ao concatenar arquivos, então um CSS com caracteres acentuados fica mais seguro começando com @charset "UTF-8"; logo na primeira linha do arquivo, antes de qualquer outra coisa, inclusive comentários.
Por que um arquivo minificado funciona exatamente igual
O parser CSS do navegador ignora completamente espaços e quebras de linha entre tokens — eles só existem para facilitar a leitura do código por um humano. Por isso, remover esses caracteres não muda em nada os estilos computados.
Para que serve
- Reduzir o tamanho de um arquivo CSS antes de publicar um site em produção.
- Acelerar o carregamento da página transferindo menos dados.
- Tornar a estrutura dos estilos menos evidente numa inspeção superficial do código-fonte.
Por que isso pesa mais num país mobile-first como o Brasil
O Brasil é um mercado majoritariamente mobile-first: para uma parcela grande dos usuários, o smartphone é o único ou principal dispositivo de acesso à internet, muitas vezes com planos de dados pré-pagos e limitados, e com cobertura 4G/5G bem mais irregular fora das capitais. Nesse cenário, cada quilobyte a menos num arquivo CSS não é só uma métrica de performance abstrata — é um pouco menos de dados consumidos do plano e um carregamento um pouco mais rápido para quem está numa conexão mais instável.