CSS fuera de control

¿Hay utilidades que rastreen un sitio y determinen qué reglas de CSS están en uso y cuáles no? Tenemos un sitio grande y un enorme archivo CSS (no me culpen, acabo de llegar). Y, creo que gran parte de esto no se usa, pero me da miedo quitarle las cosas por las dudas.CSS fuera de control

El archivo es confuso y difícil de gestionar, y creo que si podemos recortarlo eliminando las reglas no utilizadas, tendremos un buen punto de partida para intentar mejorarlo.

Fuente

2010-09-11 Paul

Wow ... Gracias por toda la ayuda todas las sugerencias son muy útiles. No puedo seleccionar más de uno como respuesta, así que los usaré y encontraré el que más me guste, luego lo seleccionaré como la respuesta. – Paul

https://addons.mozilla.org/en-US/firefox/addon/10704/?src=collection&collection_id=23d14a2d-b396-c08f-e9ba-b4d34691d5a9

Se trata de un complemento de Firebug.

Fuente

2010-09-11 13:54:35 Paul

Este es muy bueno ... Me gusta la opción de exportar un archivo css recortado. – Paul

Pruebe la extensión de Firefox Dust-Me Selectors por SitePoint. Encuentra selectores de CSS cuyas reglas nunca se aplican a sus páginas para que pueda eliminarlas de sus hojas de estilo.

Fuente

2010-09-11 13:54:18 BoltClock

Muy bueno. Solo lo probé. Funciona exactamente como se anuncia. –

Dust-Me también es genial. Quizás no lo estoy viendo, pero ¿hay alguna forma de obtener un archivo CSS recortado de los resultados? Me gusta rastrear una opción de mapa del sitio. – Paul

@Paul: ahora que lo mencionas, no lo creo, pero es inmensamente útil al identificarlos en las hojas de estilo para que puedas eliminarlos más rápidamente. – BoltClock

Tuve el mismo problema hace un tiempo (5k líneas en un CSS) y encontré this Plugin de Firefox que funcionó muy bien para mí.

Fuente

2010-09-11 13:55:29 halfdan

+1 para el enlace addons.mozilla.org. Proporcioné el enlace a su página de inicio en sitepoint.com, pero creo que los enlaces a AMO son mejores ya que es el repositorio oficial de complementos. – BoltClock

El Google Page Speed plugin para el complemento Firebog Firebug es también una gran herramienta que destacará los selectores de CSS no utilizados y le informará cuáles son los de bajo rendimiento.

Como siempre, sin embargo, es necesario ser conscientes de que el selector CSS no puede ser utilizado en "este" página, pero puede muy probablemente ser utilizado en otra página así que tenga cuidado al podar ellos para asegurarse de que son verdaderamente innecesario.

Fuente

2010-09-11 14:00:12 scunliffe

+1 por la advertencia de que los selectores de CSS activos dependen de las páginas (por lo que recortar para que coincida con la página de inicio puede romper otra página en la pista). –

Usted puede utilizar un servicio como Unused-CSS Esta aplicación web explora las páginas de su sitio y construye archivos limpios CSS

Fuente

2011-01-29 22:52:04 marc

Guau ... Eso se ve bien. Gracias por la sugerencia ... Lo probaré. – Paul

Respuesta

Cuestiones relacionadas