Cómo encontrar estilos CSS no utilizados en su hoja de estilo
Aunque sus hojas de estilo están almacenadas en caché, la primera vez que alguien visita su sitio, un archivo CSS inflado puede ralentizarlo. Esto no es demasiado bueno para una primera impresión. A medida que los sitios crecen, tienden a expandirse con nuevos widgets y objetos que los diseñadores continúan perfeccionando con más y más opciones de hojas de estilo. Con el tiempo, su hoja de estilo puede hincharse bastante y ser una parte clave de por qué su sitio se descarga más lento que otros.
He visto otras herramientas de verificación CSS en la web. Hemos usado CSS limpio para reducir el tamaño del archivo organizando y minimizando mejor los datos que contiene. Sin embargo, cuando utiliza un tercero para analizar su sitio, debe tener cuidado. Si raspan una página y analizan su CSS, la herramienta puede hacer que elimine y reduzca toneladas de estilos que se utilizan en otras páginas.
No es el caso con CSS no utilizado - una herramienta que andres baldock de Mindjet, un mapas mentales aplicación, me mostró ayer. La herramienta rastrea su sitio e identifica CSS no utilizado. Incluso puede comprobar los estilos que desea conservar independientemente del análisis. Para colmo, puede descargar la hoja de estilo después de ejecutar una rutina de minimización.
Arriba está el tablero donde CSS no utilizado Descubrí que podía reducir mi hoja de estilo en un 56%. Continuaremos probando la herramienta; todavía me preocupan los objetos que incorporamos a través de JavaScript y Ajax. Sin embargo, nos parece un gran recurso.