Como atopar estilos CSS non utilizados na súa folla de estilo

css

Aínda que as follas de estilo están almacenadas na caché, a primeira vez que alguén visite o seu sitio un ficheiro CSS inchado pode ralentizar o seu sitio. Isto non é moi bo para unha primeira impresión. A medida que os sitios medran, tenden a expandirse con novos widgets e obxectos que os deseñadores seguen afinando con máis e máis opcións de follas de estilo. Co paso do tempo, a folla de estilo pode estar bastante inchada e ser unha parte fundamental de por que o teu sitio descarga máis lentamente que outros.

Vin outras ferramentas de verificación CSS na web. Usamos Limpar CSS para reducir o tamaño do ficheiro organizando e reducindo os datos nel mellor. Cando estás usando un terceiro para analizar o teu sitio, debes ter coidado. Se raspan unha páxina e analizan o seu CSS, a ferramenta pode facer que elimine toneladas de estilos que se utilizan noutras páxinas.

Non é o caso con CSS non utilizado - unha ferramenta que Andrew Baldock de Mindjet, a cartografía mental aplicación, mostroumo onte. A ferramenta rastrexa o seu sitio e identifica CSS non utilizados. Incluso pode comprobar os estilos que desexa manter independentemente da análise. Para colmo, podes descargar a folla de estilo despois de executala cunha rutina de minificación.

css non utilizado

Arriba está o cadro de mandos onde CSS non utilizado descubrín que podería reducir a miña folla de estilo nun 56%. Seguiremos probando a ferramenta; aínda me preocupan os obxectos que estamos tirando a través de Javascript e Ajax. Non obstante, parécenos un gran recurso.

2 Comentarios

  1. 1
  2. 2

¿Que pensas?

Este sitio usa Akismet para reducir o spam. Aprende a procesar os teus datos de comentarios.