Minificador de CSS e embelezador

CSS Minifier & Beautifier é uma ferramenta de duas vias: ele comprime o CSS removendo tudo o que o navegador não precisa — comentários, espaço em branco, ponto e vírgula redundante, cores hexagonais de formato longo e unidades em valores zero — e pode reverter o processo, expandindo um pacote de produção de linha única de volta a regras legíveis e devidamente indentadas. Cada byte que você tira de uma folha de estilo de bloqueio de renderização é um byte que o navegador baixa e analisa mais cedo, que alimenta diretamente as métricas principais da Web Vitals, como o primeiro Contentful Paint e o Maior Contentful Paint.

O Minifier é deliberadamente conservador. Ele está totalmente ciente dos literais de string, valores url() e expressões calc(), portanto, nunca remove o espaço em que calc(100% - 20px) depende, nunca reescreve o texto semelhante a uma cor de uma string de conteúdo e nunca toca no espaçamento que distingue div :hover de div:hover. Em folhas de estilos típicas, você pode esperar uma redução de 25 a 40% antes do gzip; combinado com gzip ou brotli no fio, a minificação ainda raspa uma fatia significativa porque a compressão funciona melhor em entradas repetitivas e sem comentários.

Tudo roda 100% do lado do cliente no seu navegador. Seu CSS nunca é carregado, registrado ou armazenado em qualquer servidor, o que significa que você pode colar com segurança o código do sistema de design, estilos de produto inéditos ou trabalho do cliente. Ele também funciona offline depois que a página é carregada — útil quando você precisa de um rápido Minify Pass sem conectar um pipeline completo do PostCSS ou do ESbuild.