Duplicar posible:
How do I identify and eliminate unused CSS styles from my bloated stylesheet?Retire selectores CSS sin usar
Tengo una página html y un enorme archivo CSS que tiene alrededor de 900 entradas de estilo. Intenté limpiarlo con Dust-Me y encontré unos 700 selectores no utilizados. Entonces, creo que puedo volverme loco quitando manualmente estos selectores de la lista. ¿Hay alguna manera de eliminarlos automáticamente?
La identificación de los selectores de CSS no utilizados utilizando herramientas como Dust-Me tiene un grado de error asociado a ellos . Por ejemplo, ¿identifica de manera confiable un estilo al que se hace referencia en HTML creado dinámicamente, como podría hacerse a través de JavaScript? Los creadores de Dust-Me pueden estar al tanto de este tipo de escollos y realmente lo están protegiendo al no ofrecer la limpieza de sus archivos CSS.
El problema con la identificación de elementos no utilizados es que uno tiene que hacer la suposición de que, debido a que no se encontró un uso, el elemento no se utiliza. Esto es a menudo una suposición pobre. El sitio puede no haber sido completamente spidered dando como resultado referencias faltantes. O bien, una referencia creada dinámicamente no era "visible" para la herramienta. En cualquier caso, la eliminación automática de un selector de CSS porque alguna herramienta no encontró , una referencia a esto es un gran salto de fe, uno que muy probablemente lo llevará a problema.
¡Recomiendo tomar su lista generada y hacer el trabajo a mano - con mucho cuidado!