# Por que o código CSS acaba por se duplicar?
Ao manter projetos web a longo prazo ou ao trabalhar com código legado (legacy code), é extremamente comum que vários programadores escrevam regras CSS sobrepostas. Muitas vezes, com medo de estragar um design existente, prefere-se adicionar uma nova regra redundante no final do documento a editar ou refatorar a original.O resultado é um ficheiro ineficiente com dezenas de seletores declarados repetidamente, que compromete a legibilidade e aumenta consideravelmente o peso de transferência da página web.# O impacto oculto no desempenho web (Web Vitals)
Os ficheiros de folhas de estilo bloqueiam a renderização natural do browser (um recurso Render-Blocking). Até o browser transferir e construir o CSSOM completo, o ecrã permanece em branco. Purgar estilos redundantes não é apenas uma questão de organização do código — é uma melhoria mensurável e imediata em métricas vitais como o First Contentful Paint (FCP).
# Como unificamos as regras duplicadas
Esta ferramenta funciona como um montador inteligente. Em vez de se limitar a comprimir espaços em branco (como faria um minifier tradicional), percorre o texto recursivamente à procura de padrões de seletores idênticos.- Imagine ter a regra
.box { color: red; }e cem linhas abaixo um.box { padding: 10px; color: blue; }. A ferramenta unifica ambos os blocos sob o mesmo seletor.box, combinando o padding. - Preservação da Cascade CSS: Em caso de conflitos diretos, o algoritmo preserva rigorosamente a última propriedade declarada. Assim, o seu layout original não é quebrado ao purgar o documento.