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.Cómo optimizo mi hoja de estilos eliminando selectores de CSS no coincidentes o innecesarios
¿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 cuenta con componentes AJAX, por lo que escribir un guión rizo/wget para recorrer el sitio y luego recorrer cada selector y grep para un partido no es particularmente factible o bien (a pesar de que eso sería un poco divertido ...)
Todas las sugerencias fueron bienvenidas.
Gracias, JD
yo recomendaría el uso de un "compilador CSS" como SASS o menos, o lo que sea. Si bien estos no se "optimizan", creo que la estructura de árbol que permiten a menudo me permite * escribir mejor selectores de CSS *, ya que ayudan a organizar y dividir el CSS en mejores unidades lógicas. –
gracias @pst, lo comprobaré. probablemente no ayude en el caso de heredar CSS heredado, ¿verdad? A menudo –
Prefiero pasar un par de horas (o días) para conseguir una base de código utilizable que slogging meses a través de él se confunde :-) SASS [en modo SCSS] y menos aceptar tanto la gramática CSS válido por lo que puede cambiar el CSS de forma incremental. –