Cómo encontrar estilos CSS no utilizados en su hoja de estilo

css

A pesar de que sus hojas de estilo están almacenadas en caché, la primera vez que alguien visita su sitio, un archivo CSS inflado puede realmente ralentizar su sitio. 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 Andrew 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.

CSS no utilizado

Arriba está el tablero donde CSS no utilizado descubrí que podría reducir mi hoja de estilo en un 56%. Continuaremos probando la herramienta; todavía me preocupan los objetos que estamos extrayendo a través de Javascript y Ajax. Sin embargo, nos parece un gran recurso.

2 Comentarios

  1. 1
  2. 2

¿Qué piensas?

Este sitio usa Akismet para reducir el correo no deseado. Descubra cómo se procesan los datos de sus comentarios.