A velocidade de carregamento do site é um aspecto crucial no mundo do SEO por 2 razões: afeta os rankings e as conversões. Se você tem um site lento, a boa notícia é que você pode (provavelmente) corrigir isso em apenas algumas horas, mesmo sem habilidades de codificação.
Fique por aqui e abaixo eu explicarei por que um site lento é uma coisa ruim, como testar sua velocidade de carregamento e como corrigir os problemas.
Vamos começar com por que a velocidade de carregamento importa.
A Velocidade de Carregamento Pode Custar Vendas e Rankings
Um site lento afeta tanto as conversões quanto os rankings, 2 elementos cruciais para qualquer negócio online.
Por exemplo, um estudo da Portent mostra que um site que carrega em 1 segundo converte 3 vezes melhor do que um site que carrega em 5 segundos e 5 vezes melhor do que um que carrega em 10 segundos.
Meu dado favorito sobre conversões é algo que a Amazon descobriu em 2006. Seus dados mostraram que cada 100ms a mais no tempo de carregamento da página custava 1% em vendas. Isso é enorme!
Outro motivo pelo qual você precisa de um site de carregamento rápido é o SEO. No segundo semestre de 2020, o Google introduziu os Core Web Vitals. Estes são um conjunto de métricas que medem a velocidade, interatividade e estabilidade visual de uma página. Os Core Web Vitals são um fator importante de ranking e, portanto, uma boa velocidade de carregamento pode ajudar você a subir nos SERPs.
Como Testar a Velocidade de Carregamento do Site
A primeira coisa que você precisa fazer é testar a velocidade de carregamento do seu site. Existem 3 ferramentas populares que você pode usar e vou explicar seus prós e contras abaixo.
PageSpeed Insights
PageSpeed Insights é a ferramenta gratuita do Google para testar a velocidade de carregamento do seu site e analisar o que precisa ser melhorado.
Os prós dessa ferramenta são que, ao final do teste, ela oferece uma lista detalhada do que precisa ser corrigido. Se você também é desenvolvedor, essa lista é extremamente útil. Se você é um usuário comum, provavelmente não entenderá nada.
Os contras dessa ferramenta são vários. Em primeiro lugar, você está vendo apenas o que precisa fazer para otimizar para o Google. Mas e os outros motores de busca? O segundo problema, e este é o principal, é que o teste é realizado usando um servidor da sua localização. Então, se você está na Ásia e seu site está direcionado para o mercado dos EUA, você obterá dados irrelevantes. Usar um VPN pode ajudar a enganar o Google.
Abaixo você pode ver um exemplo de sites testados usando PageSpeed da Europa. O primeiro é hospedado nos EUA e o segundo na Europa. Ambos usam o mesmo tema e plugins do WordPress.
Teste do PageSpeed da Europa para um site hospedado nos EUA.
Teste do PageSpeed da Europa para um site hospedado no mesmo continente.
Pingdom
Esta ferramenta é provavelmente a mais fácil de usar. Você insere o endereço do seu site e escolhe onde realizar o teste. Pingdom possui vários servidores na Ásia, Europa, Pacífico, América do Norte e do Sul para escolher.
Os prós dessa ferramenta são que ela é a mais rápida e dá um instantâneo de como seu site está se comportando.
No lado negativo, você não tem muitos servidores para escolher (nenhum na África, por exemplo) e os resultados não são tão detalhados.
GT Metrix
GT Metrix é minha ferramenta favorita porque oferece o melhor do Pingdom e do PageSpeed Insights combinados.
Primeiro, você pode selecionar de várias localizações ao redor do mundo, incluindo África e Oriente Médio. Em segundo lugar, ele oferece um relatório detalhado dos problemas que você está enfrentando. Por último, seus resultados geralmente se alinham melhor com os do PageSpeed Insights quando você está testando da mesma região.
A única desvantagem é que a maioria dos servidores de teste só é acessível se você tiver a versão Pro, que começa em $13 por mês. Mas você provavelmente não precisará disso, a menos que seu site esteja direcionado para a África ou o Oriente Médio.
Mesmo site, teste com GT Metrix
Resultados Explicados
Antes de passarmos para como corrigi-los, quero explicar rapidamente, em termos simples, os resultados dos testes.
Aqui estão os mais importantes:
- First Contentful Paint (FCP): mede quanto tempo leva para o primeiro conteúdo visível aparecer na tela após um usuário começar a carregar uma página. Um FCP mais curto indica carregamento mais rápido.
- Largest Contentful Paint (LCP): mede quanto tempo leva para a maior imagem ou bloco de texto ser exibido na janela de visualização. Um LCP mais curto indica renderização mais rápida do conteúdo principal.
- Total Blocking Time (TBT): mede a quantidade total de tempo que o thread principal do navegador é impedido de responder às interações do usuário devido às atividades de carregamento da página. Um TBT mais curto indica um site mais responsivo.
- Cumulative Layout Shift (CLS): mede a quantidade de movimento inesperado do layout da página após o início do carregamento. Um valor de CLS menor indica um layout mais estável.
- Speed Index: mede quão rapidamente o conteúdo visual de uma página se torna visível para os usuários. Um Speed Index mais baixo indica um desempenho percebido geral mais rápido.
Como Otimizar Seu Site
Existem 6 maneiras de começar a otimizar seu site imediatamente. Vamos vê-las agora.
Instale um Plugin de Cache
Se você está usando um site WordPress, a primeira coisa que precisa fazer é instalar um plugin de cache. O cache é uma técnica que armazena cópias do site em um local de armazenamento temporário. Esses dados armazenados são então servidos aos usuários em vez de serem buscados da fonte original cada vez que visitam um site. Isso pode melhorar significativamente o desempenho do site e reduzir a carga do servidor.
Existem muitos ótimos plugins que você pode usar, como WP Rocket, W3 Total Cache ou SiteGround Optimizer. Eu uso WP Rocket em todos os meus sites e, assim que o ativo, vejo uma grande diferença na velocidade de carregamento.
Para usar essas ferramentas, tudo o que você precisa fazer é instalar e ativar. No entanto, se você tem um site grande, com milhares de páginas, os resultados provavelmente serão menos significativos, a menos que obtenha ajuda de um desenvolvedor que conheça os detalhes de JavaScript, CSS, etc.
Elimine Plugins Desnecessários
E falando em plugins, você deve saber que menos é mais. Plugins sobrecarregam seu site e aumentam a velocidade de carregamento. Portanto, se houver plugins que você não precisa, apenas desative e exclua-os. Não apenas desative, pois o código ainda está no seu site, exclua-os permanentemente.
Otimize Imagens
Imagens são cruciais para um site e SEO, então você não pode simplesmente removê-las. Mas imagens grandes também aumentam a velocidade de carregamento.
Para otimizar imagens, você só precisa compactá-las e mudar o formato do arquivo.
Se você tem centenas ou milhares de imagens no seu site WordPress, pode usar um plugin como WP Smush ou SiteGround Optimizer para compactar essas imagens. O plugin também pode mudar o formato da imagem para
WebP, que é o melhor que você pode usar no seu site para aumentar a velocidade de carregamento.
Esses plugins também permitem ativar o carregamento lento, uma técnica de carregar o conteúdo de uma página, neste caso imagens, somente quando necessário. Em outras palavras, qualquer coisa abaixo da dobra é carregada quando o usuário rola a página para baixo.
Os plugins de otimização de imagens não são gratuitos, então se você não estiver disposto a pagar, há outra solução. Existem vários sites onde você pode compactar e converter imagens gratuitamente. Alguns deles são tinypng.com ou Convertio.
Altere as Fontes
Muitas pessoas analisam apenas as fontes com base na aparência em uma página, mas a verdade é que elas também podem impactar a velocidade de carregamento.
As fontes podem ser classificadas em 2 categorias: fontes do sistema e fontes da web. Fontes do sistema são fontes que vêm pré-instaladas em qualquer dispositivo, como um laptop ou telefone móvel. Fontes da web, por outro lado, não são. Então, para um telefone móvel exibir um site que usa uma fonte da web, primeiro precisa baixá-la, o que leva tempo. Dependendo do tamanho do arquivo da fonte e da velocidade da internet do usuário, isso pode ter um impacto significativo na velocidade de carregamento do seu site e, portanto, nos seus rankings.
Aqui está uma lista de fontes seguras para a web que você pode usar. Apenas, por favor, não escolha Comic Sans!
Use CDN
Uma Rede de Entrega de Conteúdo (CDN) é uma rede geograficamente distribuída de servidores proxy que armazenam em cache o conteúdo, melhorando assim a velocidade de carregamento do site para os usuários que acessam seu site de locais distantes.
Se o seu site é da Ásia e alguém da América quer acessá-lo, uma CDN pode melhorar significativamente a velocidade de carregamento.
Existem várias opções gratuitas e pagas que você pode escolher, como Cloudflare, Fastly, KeyCDN, StackPath ou Akamai.
Eu pessoalmente usei Cloudflare por anos, a versão gratuita, e nunca me decepcionou.
Mude de Hospedagem
A última coisa que você pode fazer é mudar de hospedagem. Isso é importante principalmente se você tem um site grande com centenas de milhares de visitantes a cada mês. Hospedagem barata significa que você compartilha o servidor com outros clientes e, muitas vezes, esses servidores estão sobrecarregados, o que leva a tempos de carregamento mais altos.
Outro problema é a baixa segurança. Em fevereiro de 2023, um desses serviços de hospedagem barata que eu estava usando foi atacado, e meu site de repente tinha cerca de 10.000 páginas de spam. Consegui reverter para uma versão mais antiga do meu site, mas essas páginas já estavam indexadas pelo Google. Removê-las do Google Search Console foi mais difícil do que pensei e, quando consegui, o site já estava fora dos SERPs. Este era um site de afiliados, com páginas de dinheiro classificadas no top 3 para as palavras-chave mais importantes. Agora, está completamente fora.
Meu tráfego de site após o ataque
Hospedagem de alta qualidade é cara, mas se esse site é sua principal ou única fonte de renda, mudar para um bom serviço é crucial.
Desde o ataque, mudei a maioria dos meus sites para o SiteGround, mas há outras ótimas escolhas no mercado também.
Conclusão
Em conclusão, um site que carrega rápido tem melhores rankings e uma taxa de conversão melhor.
Para testar como seu site está se comportando, use ferramentas como PageSpeed Insights ou GT Metrics. Se você está usando o PageSpeed, lembre-se de que os resultados são para pesquisas da sua região, então se o seu site está hospedado em outra região, os resultados não serão ótimos.
Depois de testar sua velocidade de carregamento, você pode ir em frente e melhorá-la. Use um plugin de cache, se o seu site estiver no WordPress, e um CDN para resultados imediatos. Em seguida, trabalhe nas suas imagens e fontes e comece a remover plugins que não usa. Por fim, se necessário, mude para um serviço de hospedagem melhor.