# ¿Por qué se duplica el código CSS?
Al mantener proyectos web a largo plazo o trabajar con código heredado (legacy code), es extremadamente común que varios desarrolladores escriban reglas CSS superpuestas. A menudo, por miedo a romper un diseño existente, un programador prefiere añadir una nueva regla redundante al final del documento en lugar de editar o refactorizar la original.El resultado es un archivo ineficiente con docenas de selectores declarados de forma repetida que ahogan la legibilidad y aumentan considerablemente el peso de descarga de tu página web.# El impacto oculto en el Rendimiento Web (Web Vitals)
Los archivos de estilo bloquean el renderizado natural del navegador (recurso Render-Blocking). Hasta que tu navegador no descarga y construye el CSSOM completo, tu pantalla permanece en blanco. Purgar los estilos redundantes no es una mera cuestión de pulcritud en el código; es una mejora medible e inmediata en métricas vitales como el First Contentful Paint (FCP).
# Cómo unificamos las reglas duplicadas
Esta utilidad actúa como un ensamblador inteligente. En lugar de limitarse a comprimir espacios (como haría un minificador tradicional), escanea recursivamente el texto buscando patrones de selectores idénticos.- Imagina tener la regla
.box { color: red; }y cien líneas más abajo un.box { padding: 10px; color: blue; }. La herramienta unificará ambos bloques bajo el mismo selector.boxcombinando el padding. - Preservación de la Cascada CSS: Ante conflictos directos, el algoritmo preserva estrictamente la última propiedad declarada. Así garantizamos que tu maquetado original no se rompa al purgar el documento.