Minificador CSS

A minificação CSS remove todos os caracteres desnecessários de uma folha de estilo CSS sem afetar a aparência da página. Isso inclui espaços em branco, quebras de linha, comentários e o último ponto e vírgula antes de uma chave de fechamento. A saída é uma folha de estilo de linha única que é funcionalmente idêntica à original, mas significativamente menor — normalmente 20–40% menor antes da compressão.

CSS é um recurso de bloqueio de renderização. Os navegadores devem baixar e analisar todos os CSS antes de poderem renderizar a página, o que significa que arquivos CSS grandes ou não minificados atrasam o First Contentful Paint (FCP) e o Maior Contentful Paint (LCP). O Google PageSpeed Insights sinaliza o CSS não minificado como uma oportunidade de "Minificar CSS", e ferramentas como o Lighthouse penalizam as folhas de estilo de bloqueio de renderização em auditorias de desempenho.

Esta ferramenta processa CSS inteiramente no seu navegador usando um algoritmo de minificação personalizado. Ele remove comentários, colapsa espaços em branco, remove espaços em torno de caracteres de sintaxe CSS ({, },:,;,) e solta ponto e vírgula antes de fechar chaves. A função Beautify inverte esse processo, reentrando regras de legibilidade — útil quando você recebe CSS reduzido de terceiros e precisa lê-lo ou modificá-lo.