Otimizar a velocidade de um sítio Web para SEO: a diferença entre marketing e desenvolvimento

Optimiza a velocidade do sítio Web (para o visitante e para o SEO)? Muitos dos meus clientes debatem-se com esta questão. Mas, o que é que o desenvolvimento deve fazer e o que é que o marketing pode fazer? Por esta razão, escrevi este artigo.

A importância da velocidade do sítio Web (para SEO)

A velocidade de um sítio Web é crucial tanto para o visitante como para o SEO. Para o visitante, com vista à conversão. Para o SEO, para que o teu site seja classificado no Google e para permitir que o Google rastreie o site de forma eficiente (um site lento também significa mais trabalho para o Google descarregar as páginas).

Criar um plano de velocidade do sítio Web

Uma análise completa da velocidade do sítio Web é importante para teres uma ideia do que se passa “debaixo do capot”. É importante ter em conta este aspeto:

  1. A página inicial não é a única página que precisa de ser acelerada. A partir do Google Analytics, determina quais as páginas que devem ser aceleradas (dou prioridade às páginas mais visitadas).
  2. Analisa os problemas de todas estas páginas (para isso, utilizo sempre a API do Lighthouse ).
  3. Não ofereças uma otimização pontual. Manter a velocidade do sítio Web elevada significa alterar certos processos internos (como o carregamento de imagens no sítio Web).

A lista de verificação da velocidade do meu sítio Web para marketing

Tenho todo o gosto em partilhar a minha lista de verificação para que o departamento de marketing não só optimize as imagens agora, mas também as continue a otimizar no futuro.

Imagens

As imagens são uma parte importante desta lista de controlo, uma vez que, muitas vezes, estão relacionadas com o marketing e são uma componente importante de toda a história da velocidade do sítio Web(2).

  1. A imagem é servida no formato correto (dica: se não quiseres ser muito difícil, utiliza sempre .webp):
    • JPEG para fotografias.
    • PNG para imagens transparentes.
    • SVG para vetor.
  2. A imagem tem menos de 150 KB (a menos que seja um banner) (150 KB já é bastante grande)?
  3. A imagem tem o tamanho que deveria ter no sítio Web (a largura e altura correctas)?
  4. A imagem contém um atributo lazyload quando é
    não é apresentado “acima da dobra”?(3)
  5. A imagem está comprimida? E contém agora este rácio qualidade/peso correto?
  6. Utilize múltiplas variações de imagens para telemóvel, computador e tablet. Se utilizares uma única imagem, esta é muitas vezes demasiado grande para o telemóvel e, por isso, carrega KB desnecessários.

Vídeo

Outro componente importante da velocidade optimizada de um sítio Web é o vídeo. Esta é também uma questão que se prende sobretudo com o marketing.

  1. Utilize vídeos incorporados do YouTube para evitar o alojamento direto no sítio Web.
  2. Implementar o carregamento lento para vídeos, de modo a que estes sejam carregados apenas quando entram no campo de visão do utilizador.
    • Certifique-se de que os vídeos são responsivos e se adaptam a diferentes tamanhos de ecrã e dispositivos.
  3. Otimizar todas as imagens e miniaturas para minimizar o tamanho do ficheiro.
  4. Configure o armazenamento em cache do navegador e considere a possibilidade de utilizar uma rede de distribuição de conteúdos (CDN) para uma distribuição de vídeo mais rápida.
  5. Carregar ficheiros JavaScript e CSS de forma assíncrona para evitar bloqueios de processamento (em consulta com o desenvolvimento).
  6. Monitorize os tempos de carregamento da página e analise o impacto dos vídeos com ferramentas analíticas.

A minha lista de verificação da velocidade do sítio Web para desenvolvimento

E agora o desenvolvimento. Estas são as questões técnicas para a velocidade do sítio Web. O que acontece frequentemente é que o desenvolvimento estabelece primeiro uma boa base para a velocidade do sítio Web e o marketing acompanha-o depois. Este facto pode ser tido em conta na atribuição destes recursos.

O servidor

Neste caso, distingo entre o que pode ser controlado no servidor e o que pode ser controlado no próprio sítio Web.

  1. Tempo de resposta do servidor (TTFB): optimiza o tempo que o servidor demora a responder a um pedido do navegador. Utilizo esta ferramenta para o verificar.
  2. Tipo de alojamento: escolhe um tipo de alojamento (partilhado, VPS, dedicado ou cloud) adequado ao volume de tráfego do sítio Web.
  3. Localização geográfica do servidor: escolha uma localização do servidor próxima do seu público-alvo para reduzir a latência.
    • Utilizar uma rede de distribuição de conteúdos (CDN): implementa uma CDN para distribuir rapidamente ficheiros estáticos a partir de um servidor próximo do utilizador (recomendo também uma CDN para os sítios Web neerlandeses).
  4. Armazenamento em cache: configure o armazenamento em cache do lado do servidor para reduzir os tempos de carregamento para os visitantes que regressam.
  5. Otimização da base de dados: assegurar uma base de dados eficiente através da limpeza regular e da otimização das consultas.
    • Balanceamento de carga: implemente o balanceamento de carga para distribuir o tráfego de forma eficiente por vários servidores para evitar tempos de inatividade e atrasos.
  6. Compressão: ativar a compressão (por exemplo, Gzip) para reduzir o tamanho dos dados transferidos.
  7. HTTP/2: O HTTP/2 permite um tratamento mais eficiente de vários pedidos simultâneos (por exemplo, podes carregar vários ficheiros JS ao mesmo tempo por defeito).
  8. Otimização SSL/TLS: otimizar SSL/TLS para ligações seguras e rápidas.
  9. Minimização de recursos: minimiza e combina ficheiros CSS e JavaScript do lado do servidor para reduzir o número de pedidos HTTP (isto não ajuda se tiveres HTTP/2).

E a atividade no sítio Web?

  1. Compressão de ficheiros: reduz o tamanho dos ficheiros CSS, JavaScript e HTML, removendo espaços e quebras de linha desnecessários, por exemplo.
  2. Otimização de imagens: implementa a otimização automática de imagens para reduzir o tamanho dos ficheiros sem perda de qualidade (o que também pode poupar no trabalho de marketing). Normalmente, esta situação é regulada a nível local pelo desenvolvimento.
  3. Carregamento assíncrono de ficheiros: implemente técnicas de carregamento assíncrono ou diferido para CSS e JavaScript para evitar bloqueios de processamento.
  4. Armazenamento em cache do navegador: defina o armazenamento em cache do navegador para ficheiros estáticos para reduzir os tempos de carregamento para os visitantes que regressam.
  5. Carregamento lento: implemente o carregamento lento para imagens e vídeos para reduzir o tempo de carregamento inicial da página. A melhor forma de o fazer é uma única vez em todo o site (e, a partir daí, adiciona-o automaticamente quando são adicionadas novas imagens).
  6. Utilização de CSS Sprites: Combine várias imagens ou ícones pequenos num único sprite para reduzir o número de pedidos HTTP. Verifique se isso realmente tem um impacto positivo com o HTTP/2.
  7. Otimização do conteúdo: certifica-te de que o conteúdo, especialmente acima da dobra, está optimizado para um carregamento rápido e uma interação direta com o utilizador (isto afecta principalmente o LCP).
  8. Reduzir os pedidos HTTP: reduzir o número de pedidos HTTP, combinando ficheiros e reduzindo os scripts e fontes externos.
  9. Evitar redireccionamentos: minimizar a utilização de redireccionamentos para reduzir o tempo de carregamento da página(4).
  10. Implementar cabeçalhos de segurança: Adicionar cabeçalhos de segurança HTTP para proteger o sítio Web de vários ataques e vulnerabilidades.

Conclusão

Utilize estas listas de verificação não só para estabelecer uma boa base para a velocidade do sítio Web, mas também para a preparar para o futuro. Boa sorte!

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

Ferramentas

Melhorias na velocidade

Dicas gerais

Senior SEO-specialist

Ralf van Veen

Senior SEO-specialist
Five stars
Obtenho um 5.0 no Google em 75 revisões

Há 10 anos que trabalho como especialista independente em SEO para empresas (nos Países Baixos e no estrangeiro) que pretendem obter uma classificação mais elevada no Google de uma forma sustentável. Durante este período, prestei consultoria a marcas de renome, criei campanhas internacionais de SEO em grande escala e orientei equipas de desenvolvimento globais sobre otimização de motores de busca.

Com esta vasta experiência em SEO, desenvolvi o curso de SEO e ajudei centenas de empresas a melhorar a sua capacidade de serem encontradas no Google de uma forma sustentável e transparente. Para isso, pode consultar o meu portefólio, referências e colaborações.

Este artigo foi originalmente publicado em 22 Março 2024. A última atualização deste artigo foi em 10 Julho 2024. O conteúdo desta página foi escrito e aprovado por Ralf van Veen. Saiba mais sobre a criação dos meus artigos nas minhas directrizes editoriais.