home » tecnologia » otimizar a velocidade de um sítio web para seo: a diferença entre marketing e desenvolvimento

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

10 Julho 2024

Tempo de leitura: 9 minutos

Senior SEO-specialist

Velocidade do sítio Web - a relação 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.

Índice de conteúdos mostrar

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:

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).
Analisa os problemas de todas estas páginas (para isso, utilizo sempre a API do Lighthouse ).
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).

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.
A imagem tem menos de 150 KB (a menos que seja um banner) (150 KB já é bastante grande)?
A imagem tem o tamanho que deveria ter no sítio Web (a largura e altura correctas)?
A imagem contém um atributo lazyload quando é
não é apresentado “acima da dobra”?(3)
A imagem está comprimida? E contém agora este rácio qualidade/peso correto?
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.

Utilize vídeos incorporados do YouTube para evitar o alojamento direto no sítio Web.
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.
Otimizar todas as imagens e miniaturas para minimizar o tamanho do ficheiro.
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.
Carregar ficheiros JavaScript e CSS de forma assíncrona para evitar bloqueios de processamento (em consulta com o desenvolvimento).
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.

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.
Tipo de alojamento: escolhe um tipo de alojamento (partilhado, VPS, dedicado ou cloud) adequado ao volume de tráfego do sítio Web.
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).
Armazenamento em cache: configure o armazenamento em cache do lado do servidor para reduzir os tempos de carregamento para os visitantes que regressam.
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.
Compressão: ativar a compressão (por exemplo, Gzip) para reduzir o tamanho dos dados transferidos.
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).
Otimização SSL/TLS: otimizar SSL/TLS para ligações seguras e rápidas.
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?

Compressão de ficheiros: reduz o tamanho dos ficheiros CSS, JavaScript e HTML, removendo espaços e quebras de linha desnecessários, por exemplo.
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.
Carregamento assíncrono de ficheiros: implemente técnicas de carregamento assíncrono ou diferido para CSS e JavaScript para evitar bloqueios de processamento.
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.
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).
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.
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).
Reduzir os pedidos HTTP: reduzir o número de pedidos HTTP, combinando ficheiros e reduzindo os scripts e fontes externos.
Evitar redireccionamentos: minimizar a utilização de redireccionamentos para reduzir o tempo de carregamento da página(4).
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.