Como encontrar estilos CSS não usados ​​em sua folha de estilo

css

Mesmo que suas folhas de estilo sejam armazenadas em cache, na primeira vez que alguém visita seu site, um arquivo CSS inchado pode realmente tornar seu site lento. Isso não é muito bom para uma primeira impressão. Conforme os sites crescem, eles tendem a se expandir com novos widgets e objetos que os designers continuam a ajustar com mais e mais opções de folha de estilo. Com o tempo, sua folha de estilo pode ficar bastante inchada e ser uma parte fundamental de por que o download do seu site é mais lento do que outros.

Já vi outras ferramentas de verificação de CSS na web. Nós usamos CSS limpo para reduzir o tamanho do arquivo, organizando e minimizando melhor os dados nele. Quando você usa um terceiro para analisar seu site, você deve ter cuidado, no entanto. Se eles rasparem uma página e analisarem seu CSS, a ferramenta pode fazer com que você remova muitos estilos que são utilizados em outras páginas.

Não é o caso com CSS não utilizado - uma ferramenta que Andrew Baldock da Mindjet, um mapeamento mental aplicação, me mostrou ontem. A ferramenta rastreia seu site e identifica CSS não utilizado. Você pode até verificar os estilos que deseja manter, independentemente da análise. Para culminar, você pode baixar a folha de estilo depois de executá-la em uma rotina de minify.

css não usado

Acima está o painel onde CSS não utilizado descobri que poderia reduzir minha folha de estilo em 56%. Vamos continuar testando a ferramenta - ainda estou preocupado com os objetos que puxamos via Javascript e Ajax. No entanto, parece um ótimo recurso para nós.

2 Comentários

  1. 1
  2. 2

O que você acha?

Este site usa o Akismet para reduzir o spam. Saiba como seus dados de comentário são processados.