nuevos - selectores avanzados css
¿Cómo optimizo mi hoja de estilos eliminando selectores de CSS inigualables o innecesarios? (3)
He heredado una hoja de estilo masiva con muchos miles de selectores y estoy seguro de que un buen número de ellos son innecesarios y nunca coinciden con los elementos en el sitio. En aras de la optimización, me gustaría eliminar esos selectores / reglas huérfanas.
¿Hay alguna herramienta que me permita comparar el CSS con la totalidad del sitio para identificar qué selectores son necesarios y cuáles no?
El sitio tiene componentes AJAX, por lo que escribir un script curl / wget para atravesar el sitio y luego recorrer cada selector y grep para una coincidencia tampoco es particularmente factible (aunque eso sería un poco divertido ...)
Todas las sugerencias fueron bienvenidas.
Gracias, JD
Hay un complemento de Firefox llamado "Dust-Me Selectors".
https://addons.mozilla.org/en-US/firefox/addon/5392/
"Extrae todos los selectores de todas las hojas de estilo en la página que está viendo, luego analiza esa página para ver cuáles de esos selectores no se utilizan. Luego, los datos se almacenan de modo que cuando se prueben las páginas siguientes, los selectores se puedan tachar del enumera a medida que se encuentran ".
Es un proceso bastante manual, pero podría ser lo que estás buscando.
Puede probar uno de los muchos optimizadores en línea, como este:
El Compresor Robson aparentemente hace el mejor trabajo al combinar y eliminar selectores redundantes.
http://iceyboard.no-ip.org/projects/css_compressor
Varios de los optimizadores en línea tienen la capacidad de eliminar selectores no utilizados.
verificar CSS Coverage (una extensión para Firebug) http://perishablepress.com/press/2010/06/21/how-to-micro-optimize-your-css/
En mi opinión mejor que dust-me selectcor