2009-11-03 15 views
5

Recientemente comencé a trabajar en un sitio web muy grande y con mucho tráfico. Nos gustaría reducir el tamaño y el número de nuestras hojas de estilo, la minificación es una ruta que seguiremos, pero ¿alguien conoce alguna herramienta para verificar el uso de identificación y clase? Literalmente escaneando el sitio web para ver qué está activo y qué no.Administración de CSS en sitios web grandes

¿Alternativamente cualquier software para redactar el CSS para reducir la replección y el tamaño?

Gracias de antemano

+0

Dust me selectores es un buen hallazgo, como lo es la velocidad de la página de Google, incluso si refleja fielmente los consejos de yahoo y YSlow. Cualquier otra gente de software? Gracias a aquellos que ya respondieron. – toomanyairmiles

+0

http://stackoverflow.com/questions/135657/tool-to-identify-unused-css-definitions – toomanyairmiles

Respuesta

7

escanear Literalmente el sitio web para ver lo que es activo y qué no lo es?

Dust-Me Selectors es un complemento de Firefox que puede usar para mostrar qué reglas de CSS no se están utilizando. http://www.sitepoint.com/dustmeselectors/

+0

http://stackoverflow.com/questions/33242/how-can-i-find-unused-images-and -css-styles-in-a-web – toomanyairmiles

+0

Dust me es bastante bueno, pero requiere un mapa del sitio xml, una vez que se proporciona un mapa tan grande (35k líneas) se cae. – toomanyairmiles

3

Sin duda, puedo recomendar Page Speed ​​(http://code.google.com/speed/page-speed/) de Google para comprobar el rendimiento (y las posibles mejoras) de sus páginas web. Page Speed ​​también comprueba CSS y el uso de clases en sus páginas web.

Se usa en combinación con Firebug.

+3

Esa es una buena recomendación, pero no para el propósito de la pregunta – Faruz

1
  • Gzip compression in the webserver.
  • Fechas de vencimiento que se encuentran lejos en el futuro para evitar volver a descargar los archivos CSS.
1

Alternativamente ningún software para redactar el css para reducir repition y tamaño?

Sin embargo, otro nivel de indirección ... Usted (y su equipo) debe escribir archivos CSS largas con tantos comentarios como sea necesario y luego escribir una herramienta que va a publicar archivos combinados, según sea necesario (diferentes plantillas necesitan diferentes archivos) , eliminado los comentarios y minificado como http://www.cleancss.com podría hacer (CSSTidy). La legibilidad es lo primero si desea poder modificar un archivo en 1 mes o realizar un seguimiento de las modificaciones (¡o peor si sb else debe hacer eso!).

Otras opciones son reducir el número de plantillas utilizadas en todo el sitio. No hay necesidad de dos plantillas con diferencias de 2px (los diseños de cuadrícula son una buena manera de cumplir con esto) o formas inconsistentes de mostrar mensajes de error. Defina un aspecto y una sensación comunes en su sitio y dé instrucciones a los diseñadores web, si aún no lo ha hecho.

+0

Tenemos algo del orden de 35,000 páginas, 10 plantillas y aproximadamente el 20% del sitio web está en el CMS. El problema es descubrir qué selectores se usan y cuáles no antes de ir a un proceso de minificación. – toomanyairmiles

Cuestiones relacionadas