Já alguma vez saíste de um website porque demorava demasiado a carregar? A maioria das pessoas já. Os teus utilizadores fazem o mesmo. Cada segundo que o teu site demora a carregar é mais um segundo perto de as pessoas saírem. A lentidão mata diretamente o tráfego e mata diretamente o ranking. Corrigir a velocidade é uma das melhorias com maior retorno que podes fazer.
Porque é que a velocidade do site importa
Os utilizadores detestam sites lentos. Cada segundo de atraso aumenta a taxa de saída imediata. Três segundos de atraso causam uma perda significativa de utilizadores. As pessoas saem, literalmente, antes de a tua página acabar de carregar.
Os motores de pesquisa preocupam-se com a velocidade porque os utilizadores se preocupam com a velocidade. Os sites rápidos têm melhores métricas de envolvimento. As pessoas ficam mais tempo. Clicam mais. Os motores de pesquisa veem isto e recompensam os sites rápidos no ranking.
A velocidade é um fator de ranking. A Google confirmou que a velocidade do site afeta o ranking. As páginas que carregam mais depressa ficam acima das páginas lentas (em igualdade de circunstâncias). O impacto varia consoante o setor, mas é sempre positivo.
Medir a velocidade do site
Usa o Google PageSpeed Insights. Introduz o teu URL e a Google mostra a tua pontuação de velocidade e recomendações concretas. Dá tanto dados de laboratório (testes sintéticos) como dados de campo (dados de utilizadores reais).
Usa o Google Search Console. O relatório dos Core Web Vitals mostra a rapidez com que as tuas páginas carregam no mundo real. São dados reais de utilizadores, não testes sintéticos.
Usa uma ferramenta avançada de testes de velocidade. Mostra gráficos de cascata detalhados de tudo o que carrega na tua página. Identifica os pontos de estrangulamento e os recursos lentos.
Usa o Lighthouse das Chrome DevTools. Esta ferramenta de código aberto corre no teu navegador e dá recomendações práticas de melhoria.
Pontos de estrangulamento comuns na velocidade
As imagens grandes e não otimizadas são o maior culpado. As imagens representam muitas vezes 50 por cento do peso da página. Comprime as imagens a fundo. Usa formatos modernos (WebP). Serve imagens responsivas que se ajustam ao tamanho do dispositivo.
O CSS e o JavaScript que bloqueiam a renderização atrasam a apresentação da página. Passa o CSS e o JavaScript não críticos para carregarem depois de a página ser renderizada. Usa os atributos async e defer nas etiquetas de script.
Tempo de resposta do servidor não otimizado. O teu servidor demora demasiado a responder. É um problema de alojamento ou de código. Usa um fornecedor de alojamento rápido. Otimiza as consultas à base de dados. Usa cache.
Os scripts de terceiros (anúncios, estatísticas, chatbots) tornam as páginas mais lentas. Cada script de terceiros atrasa a renderização. Usa o menor número possível. Carrega-os de forma assíncrona para não bloquearem a página.
Falta de cache. Cada visitante descarrega tudo do zero. Configura a cache do navegador para que os visitantes recorrentes carreguem mais depressa. Usa uma CDN para guardar em cache os ficheiros estáticos geograficamente.
Técnicas de otimização
Comprime as imagens. Usa ferramentas de compressão de imagens. Remove os metadados. Converte para formatos eficientes (JPEG para fotografias, PNG para gráficos, WebP para navegadores modernos).
Aplica carregamento diferido às imagens. As imagens abaixo da dobra só carregam quando os utilizadores fazem scroll até elas. Usa o carregamento diferido nativo (loading="lazy") ou uma biblioteca de JavaScript.
Minifica o CSS e o JavaScript. Remove os carateres desnecessários. Combina ficheiros. Isto reduz o tamanho dos ficheiros.
Usa uma CDN (Content Delivery Network). As CDN guardam o teu conteúdo em cache em servidores por todo o mundo. Os utilizadores descarregam de um servidor perto deles, não do teu servidor de origem. Isto reduz drasticamente a latência.
Ativa a compressão gzip no teu servidor. O gzip comprime os ficheiros antes de os enviar aos navegadores. A maioria dos servidores consegue fazê-lo com uma única definição.
Usa a cache do navegador. Define cabeçalhos de cache para que os navegadores guardem os ficheiros estáticos localmente. Os visitantes recorrentes não descarregam tudo de novo.
Remove o CSS e o JavaScript que não usas. Cada linha de código que o teu site não usa atrasa-o. Faz uma auditoria ao teu código. Retira o peso morto.
Otimização da velocidade por prioridade
Prioridade 1: otimiza as imagens. É a que tem maior retorno. As imagens grandes e não otimizadas atrasam a maioria dos sites. A compressão e o carregamento diferido duplicam muitas vezes a velocidade da página.
Prioridade 2: configura uma CDN. É simples e tem um impacto enorme. Os ficheiros estáticos são servidos a partir de servidores perto dos teus utilizadores, em vez de virem da tua origem.
Prioridade 3: ativa a cache. A cache do navegador é gratuita. Configura-a. Os visitantes recorrentes têm velocidades muito melhores.
Prioridade 4: minimiza os recursos que bloqueiam a renderização. Adia o JavaScript. Coloca o CSS crítico em linha. Carrega o CSS não crítico de forma assíncrona.
Prioridade 5: reduz o tempo de resposta do servidor. Exige otimização de código ou um alojamento mais rápido. Muitas vezes é o mais difícil de melhorar, mas é necessário para sites rápidos.
Perguntas frequentes
Com que rapidez deve carregar o meu site?
Mais rápido é sempre melhor, mas aponta para estas referências: First Contentful Paint abaixo de 1,8 segundos. Largest Contentful Paint abaixo de 2,5 segundos. Carregamento total da página abaixo de 3 segundos. Quanto mais rápido, melhor. Cada segundo de melhoria aumenta as conversões e melhora o ranking. Com o criador de websites da WEMASY, podes configurar isto diretamente no teu website.
Preciso de otimizar especificamente a velocidade no telemóvel?
Sim. As redes móveis são mais lentas e mais variáveis do que as redes de computador. Os utilizadores de telemóvel têm menos paciência. Otimiza a fundo para o telemóvel. A velocidade no telemóvel é ainda mais importante do que no computador. A Google indexa principalmente a versão móvel, por isso a velocidade no telemóvel afeta diretamente o teu ranking.
Um site mais rápido melhora o meu ranking?
Provavelmente sim. A velocidade é um fator de ranking. Os sites rápidos ficam acima dos sites lentos. No entanto, a qualidade do conteúdo e os backlinks continuam a contar mais. Um site lento com ótimo conteúdo pode continuar bem posicionado. Mas um site rápido com conteúdo igualmente bom fica melhor posicionado.
O que é mais importante: imagens ou JavaScript?
Imagens. As imagens grandes e não otimizadas são o maior travão de velocidade na maioria dos sites. Otimiza primeiro as imagens. Depois otimiza o JavaScript. Depois resolve os outros pontos de estrangulamento. A otimização de imagens costuma dar o maior ganho de velocidade com o menor esforço.
Devo usar uma CDN?
Sim, se tens tráfego internacional ou ficheiros estáticos (imagens, CSS, JavaScript). As CDN são simples de configurar e têm um impacto enorme. Guardam o teu conteúdo em cache em servidores por todo o mundo. Os utilizadores descarregam de um servidor perto deles, o que reduz a latência. Vale a pena em quase todos os sites.
Com que frequência devo testar a velocidade do meu site?
No mínimo todos os meses. Com mais frequência é melhor. Depois de fazeres otimizações, testa logo. As quebras de velocidade acontecem quando acrescentas novas funcionalidades ou scripts de terceiros. Uma monitorização regular apanha os problemas antes de prejudicarem demasiados utilizadores.