Eliminar CSS não utilizadas

Um sítio Web tem de ser rápido para não perder visitantes e obter classificações mais baixas nos motores de busca. A remoção de CSS não utilizado é um dos conselhos possíveis para este efeito. O que é a remoção de CSS não utilizado? Explicamos-lhe o problema e damos-lhe a solução para o resolver.

O que é a remoção de CSS não utilizado?

Remover CSS não utilizado é uma recomendação que podes receber ao verificar o teu sítio Web. É uma dica que indica que é inteligente remover as CSS não utilizadas para tornar um sítio Web mais rápido.(1)

O problema das CSS não utilizadas

As CSS fornecem o estilo a uma página Web. Quando um browser analisa um sítio Web, passa por todas as linhas de CSS. O browser verifica se deve aplicar o código à página Web. Se houver linhas de código que não estejam a ser utilizadas, o browser não as verifica e isso demora muito tempo.

Embora um browser seja muito rápido e nem sempre se note, as CSS não utilizadas afectam definitivamente a velocidade de carregamento da página. A longo prazo, isto afecta a usabilidade e, em última análise, os resultados de uma página nos motores de busca.

O impacto da remoção de CSS não utilizado na SEO

A remoção de CSS não utilizadas pode ter um bom impacto na SEO de uma página Web. Remove o código não utilizado, fazendo com que o navegador carregue o seu sítio Web ainda mais rapidamente. Pode ser uma questão de milissegundos, mas faz a diferença tanto para os visitantes como para o motor de busca. Embora a remoção de CSS não utilizado não seja a única forma de acelerar o site, é certamente um passo na direção certa.

O meu conselho

A remoção de CSS não utilizadas é uma boa forma de tornar o sítio Web um pouco mais rápido. Mas como é que se faz isso? Recomendamos a utilização do programa Google PageSpeeds Insights. Este programa examina o seu sítio Web em busca de vários problemas e, em seguida, fornece a análise. A remoção de CSS não utilizado pode ser uma das recomendações que recebe. A vantagem do PageSpeed Insights é que também lhe diz imediatamente o que fazer para o corrigir.

O livro mais completo sobre a velocidade dos sítios Web

Já escrevi tanto sobre a aceleração de sítios Web e tudo o que isso implica, que gosto de dividir o assunto em diferentes secções: geral, ferramentas, pontos de melhoria da velocidade e dicas. Não hesite em ver e consultar todos os links abaixo para saber mais sobre ferramentas e dicas para acelerar o seu sítio Web.

Geral

• Qual é a velocidade do sítio Web
• Velocidade do sítio Web: A divisão entre marketing e desenvolvimento
• A influência da SEO na experiência do utilizador
• A influência da conceção da Web na SEO
• SPAs e SEO
• O que são os principais indicadores vitais da Web do Google?

Ferramentas

• Otimização automática
• Pagespeed.Compare
• W3 Total Cache
• Ferramentas Pingdom
• Google Pagespeed Insights
• GTMetrix

Melhorias na velocidade

• Primeira pintura com conteúdo (FCP)
• Tempo para o primeiro byte (TTFB)
• Tempo para interatividade (TTI)
• Imagem para Maior vista com conteúdo (LCP) pré-carregado
• Ativar a compressão de texto
• Reduzir o CSS
• Tempo total de bloqueio (TBT)
• Índice de velocidade
• Reduzir o JavaScript
• Maior tinta com conteúdo
• Evitar DOM excessivas
• Remover JavaScript não utilizado
• Fornecer imagens em esquemas modernos
• Ligar antecipadamente às origens necessárias
• Impedir que JavaScript obsoleto seja fornecido aos navegadores modernos
• Utilizar uma política de cache eficiente para itens estáticos
• Remover módulos duplicados do JavaScript
• Evitar múltiplos redireccionamentos
• Codificar imagens de forma eficiente
• Utilizar o carregamento lento
• Carregar pedidos importantes com antecedência

Dicas gerais

• Sugestões para carregar rapidamente um vídeo
• Utilizar o Edge SEO para um sítio Web mais rápido
• Instalar uma rede de distribuição de conteúdos para SEO
• Otimizar imagens para SEO
• O impacto do alojamento na SEO