Por que meu site está lento e como deixar mais rápido?

Por Karine Sackt, designer e fundadora da Fysi Lab Digital

Os três motivos que eu mais encontro em site lento são imagens pesadas, hospedagem que demora para responder e excesso de plugins e scripts carregando ao mesmo tempo. Para saber qual é o seu caso, teste a página no PageSpeed Insights, do Google, e compare o resultado com as métricas Core Web Vitals. Cada causa tem uma correção diferente.

Essa pergunta aparece sempre que eu falo de velocidade no Instagram, e quase sempre vem acompanhada de outras: "preciso converter tudo para WebP?", "a culpa é da hospedagem?", "colocar o Cloudflare resolve?". Este artigo responde a todas, na ordem em que eu investigo.

Como descobrir se o meu site está lento?

Abra o PageSpeed Insights, cole o endereço da página e veja o resultado da versão para celular primeiro. A ferramenta mostra duas coisas diferentes, e vale entender cada uma.

• Dados de campo: vêm de visitas reais ao seu site nos últimos 28 dias, segundo a documentação do PageSpeed Insights. Eles só aparecem quando o site tem visitas suficientes.
• Dados de laboratório: é a nota de 0 a 100, feita num teste simulado. Nota de 90 para cima é considerada boa. Ela serve para encontrar o problema, e pode variar de um teste para outro.

As métricas que o Google usa para avaliar a experiência são as Core Web Vitals:

Se o site já está no Search Console, o relatório Core Web Vitals mostra quais páginas precisam de atenção.

Imagem pesada deixa o site lento?

Deixa, e é por ela que eu começo. O Google afirma, na documentação sobre imagens, que as imagens costumam ser o que mais pesa no tamanho total de uma página.

O que resolve, em ordem:

1. Use a imagem no tamanho em que ela aparece. Uma foto com a largura de uma câmera profissional, exibida num espaço pequeno, faz o visitante baixar muito mais do que vê.
2. Comprima antes de subir. Ferramentas gratuitas, como o Squoosh, reduzem o arquivo mantendo a aparência.
3. Prefira formatos modernos. O guia do web.dev sobre LCP recomenda WebP ou AVIF, e o Google aceita os dois formatos na busca.
4. Carregamento tardio só abaixo da dobra. O recurso de lazy loading é ótimo para imagens do meio e do fim da página. Na imagem principal do topo, ele atrasa o carregamento, e o web.dev orienta deixar essa imagem fora do lazy loading.
5. Dê prioridade para a imagem principal. O atributo fetchpriority="high" avisa o navegador que essa imagem vem primeiro. Use em uma ou duas imagens, no máximo.

Sobre a pergunta que mais recebo: um JPEG leve, no tamanho certo, já resolve boa parte do problema. O WebP costuma entregar um arquivo menor com a mesma qualidade aparente, e o WordPress aceita o formato de forma nativa, segundo o guia da WPBeginner. Por isso, em site novo, eu já subo tudo em WebP.

A hospedagem influencia a velocidade do site?

Influencia, porque tudo começa no servidor. O web.dev resume assim: nada acontece na tela até o servidor entregar o primeiro byte da página. Se o servidor demora, o resto do trabalho espera.

Sinais de que a hospedagem é o gargalo:

• As imagens já estão leves e o site continua lento.
• O PageSpeed aponta "tempo de resposta inicial do servidor" alto.
• O site fica mais lento em horários de pico.

O que costuma ajudar:

• Plano adequado ao tamanho do site. Hospedagem compartilhada divide os recursos do servidor com outros sites. Para site com muito acesso ou loja virtual, um plano com recursos dedicados faz diferença.
• Servidor perto do seu público. Se os seus clientes estão no Brasil, um servidor no Brasil, ou uma CDN com pontos no país, encurta o caminho.
• CDN na frente do site. Uma CDN, como o Cloudflare, guarda cópias dos arquivos em servidores espalhados pelo mundo e entrega a partir do mais próximo do visitante.
• Cache de página. O cache entrega uma versão pronta da página, poupando o servidor de montar tudo a cada visita.

Se você está escolhendo onde hospedar, eu explico as diferenças em domínio e hospedagem.

Plugins e scripts deixam o site lento?

Cada plugin e cada script externo acrescenta arquivos para o navegador baixar e executar. Pixel, chat, mapa incorporado, vídeo, fontes e animações somam peso, e esse peso aparece principalmente no INP.

O que eu reviso:

• Plugins sem uso. Desative e apague os que ficaram de testes antigos.
• Fontes. Duas famílias, com poucos pesos cada, costumam ser suficientes.
• Vídeo no topo. Uma imagem de capa com o vídeo carregando só no clique pesa bem menos.
• Animações e carrosséis na primeira dobra. No Elementor, eles atrasam o conteúdo principal.
• Scripts de rastreamento organizados. Mantenha o Pixel e o GA4, que medem o resultado, e instale tudo pelo Google Tag Manager, como no checklist de landing page.

Site lento perde posição no Google?

A velocidade conta, junto com muitos outros sinais. O Google recomenda ter boas Core Web Vitals para ter sucesso na busca e diz que elas se alinham ao que os sistemas de classificação procuram recompensar.

A própria documentação sobre experiência na página equilibra essa conta:

• O Google sempre procura mostrar o conteúdo mais relevante, mesmo quando a experiência da página está abaixo do ideal.
• Quando várias páginas úteis disputam a mesma busca, uma boa experiência pode ajudar a sua a se destacar.
• Existe um conjunto de sinais de experiência, e o Google avalia todos juntos.

Fora do Google, a conta é mais simples: o visitante que espera demais costuma voltar para a busca e clicar no concorrente. Velocidade cuida das duas frentes ao mesmo tempo.

Checklist: o que fazer para deixar o site mais rápido

Siga nesta ordem, do ajuste mais barato ao mais trabalhoso:

1. Teste a versão para celular no PageSpeed Insights e anote LCP, INP e CLS.
2. Redimensione e comprima as imagens, de preferência em WebP.
3. Tire o lazy loading da imagem principal e coloque nas imagens abaixo da dobra.
4. Defina largura e altura nas imagens e nos banners, para a página parar de pular.
5. Desative plugins sem uso e reduza as fontes.
6. Ative o cache de página.
7. Coloque uma CDN na frente do site.
8. Se o servidor continuar lento, avalie trocar de plano ou de hospedagem.
9. Teste de novo e acompanhe o relatório Core Web Vitals no Search Console.

Perguntas frequentes

Preciso converter todas as imagens para WebP?

Um JPEG bem comprimido e no tamanho certo já funciona bem. O WebP costuma gerar arquivos menores com a mesma qualidade, então vale usar nas imagens novas e nas maiores do site.

Qual nota no PageSpeed é considerada boa?

Na nota de laboratório, 90 ou mais é considerada boa. Os dados de campo, que vêm de visitas reais, mostram melhor a experiência das pessoas, e são eles que alimentam o relatório Core Web Vitals do Search Console.

Colocar o Cloudflare deixa o site mais rápido?

Uma CDN como o Cloudflare encurta a distância entre o servidor e o visitante e ajuda bastante com cache. Imagens pesadas continuam pesadas, então ela funciona melhor junto com a otimização das imagens.

Site feito em WordPress é lento?

A velocidade depende de como o site foi montado: tema, plugins, imagens e hospedagem. Um WordPress bem construído, com esses quatro pontos cuidados, carrega rápido.

Trocar de hospedagem resolve?

Resolve quando o servidor é o gargalo, ou seja, quando o tempo de resposta inicial está alto mesmo com a página leve. Confira as imagens e os plugins antes, porque esses ajustes custam menos.

Se você prefere entregar a velocidade e o SEO do seu site para quem faz isso todo dia, a equipe da Fysi Lab Digital cuida de tudo por você. Se você quer aprender a montar sites rápidos por conta própria, os cursos estão na Fysi Academy.