Minificador CSS

CSS minification removes all unnecessary characters from a CSS stylesheet without affecting how the page looks. This includes whitespace, line breaks, comments, and the last semicolon before a closing brace. The output is a single-line stylesheet that is functionally identical to the original but significantly smaller — typically 20–40% smaller before compression.

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.