10 razões para o seu website carregar devagar (e como as corrigir)

h2: 1. Imagens não otimizadas

Um grande volume de imagens não otimizadas é normalmente a razão mais comum por trás da lentidão de um website. As imagens de alta resolução podem consumir muita largura de banda durante o carregamento. Carregar imagens grandes e depois reduzi-las no browser aumenta desnecessariamente o tamanho da sua página web, o que a faz carregar devagar. Isto é verdade independentemente do CMS ou do construtor de websites que utiliza.

O formato da imagem é outro fator importante a considerar.

Escolha o formato que se adequa ao conteúdo: JPEG para fotografias, PNG ou SVG para gráficos planos e logótipos, e WebP ou AVIF onde o seu CMS os suportar, já que normalmente são ainda mais pequenos.

Conclusões:

• Verifique o tamanho de ficheiro das suas imagens; qualquer coisa acima de 1MB é realmente inaceitável.
• Use JPEG para fotografias, PNG ou SVG para gráficos, e WebP ou AVIF onde o seu CMS os suportar.
• Use waterfall tests para analisar facilmente os tamanhos das imagens e tomar medidas corretivas.

h2: 2. Problemas com JavaScript

A disponibilidade de plugins JavaScript/jQuery tornou muito prático acrescentar conteúdo dinâmico aos websites. Contudo, se for implementado de forma incorreta, o JavaScript pode arruinar a velocidade de carregamento das páginas do seu website.

Carregar, interpretar e executar jQuery e JavaScript leva tempo. Por isso, se utiliza várias chamadas a API para apresentar dados JavaScript/jQuery, isso pode resultar num atraso significativo no carregamento das páginas web.

Conclusões:

• Carregue os scripts de forma assíncrona e consolide as ferramentas atrás de um único tag manager.
• Pondere usar algo como o Segment ou o Google Tag Manager. Um único script para todas as suas ferramentas!

h2: 3. Embeds pesados de vídeo e animação

Vídeos de fundo em reprodução automática, players incorporados e bibliotecas de animação pesadas são uma causa comum de páginas lentas. São grandes, puxam frequentemente scripts de terceiros e competem pela largura de banda com o conteúdo que os seus visitantes vieram ver.

Carregue os players de vídeo apenas quando um visitante carrega em play, mostre até lá uma imagem poster leve, e prefira animações CSS a grandes bibliotecas de scripts. Se quer tornar o seu website mais rápido, este é muitas vezes um dos ganhos mais rápidos.

Conclusões:

• Os embeds de vídeo e as bibliotecas de animação são pesados.
• Carregue os players de vídeo ao clique, não no carregamento da página.
• Prefira animações CSS a grandes bibliotecas JavaScript.

h2: 4. Pedidos HTTP excessivos

Ter imensos ficheiros JavaScript, CSS e de imagem pode levar a demasiados pedidos HTTP. Quando um utilizador visita a sua página web, o browser pede cada um desses ficheiros, e os que bloqueiam a renderização atrasam a página. O HTTP/2 e o HTTP/3 transportam muitos pedidos numa única ligação, pelo que muitos ficheiros pequenos custam muito menos do que custavam; o total de bytes e os ficheiros que bloqueiam a renderização são o que mais importa hoje.

Conclusões:

• Certifique-se de que o seu servidor suporta HTTP/2 ou HTTP/3.
• Adie ou remova o CSS e o JavaScript que bloqueiam a renderização, sempre que possível.
• Faça minify dos seus ficheiros CSS e JavaScript para reduzir os bytes que os visitantes têm de descarregar.

h2: 5. Não tirar partido de técnicas de caching

Ative o caching no browser (HTTP) para ficheiros estáticos e o page caching do lado do servidor para páginas dinâmicas; o nosso artigo sobre caching em PHP cobre OPcache, object caches e page caches.

h2: 6. Código desarrumado

Outro culpado comum da lentidão de um website é o código desarrumado. Quando constrói o seu website, espaços em branco excessivos, estilos inline, linhas vazias e comentários desnecessários podem fazer crescer o tamanho da stylesheet do website.

Ao remover estes elementos desnecessários, pode comprimir o código, reduzir o tamanho do ficheiro e melhorar o tempo total de carregamento da página, e, se acompanha os rankings, provavelmente verá também um impulso no desempenho de SEO. Em termos técnicos, este processo chama-se minifying. Se não se sente à vontade com código, há várias ferramentas online que podem ser usadas para limpar e fazer minify dos ficheiros de stylesheet. Em alternativa, um programador pode fazê-lo por si como parte do processo de build.

Conclusões:

• Evite CSS inline.
• Tente não criar várias stylesheets CSS quando pode usar uma única.
• Faça minify!

h2: 7. Não usar compressão (gzip ou Brotli)

Ao ativar a compressão gzip, instrui o servidor a comprimir cada resposta de texto (HTML, CSS, JavaScript, JSON, SVG) antes de a enviar para o browser. O Brotli comprime ainda mais e todos os browsers modernos o suportam. Imagens como JPEG, PNG e WebP já estão comprimidas e não ganham nada com isso.

Conclusões:

• A compressão gzip ou Brotli é um ganho de desempenho fácil.
• Comprime cada resposta de texto (HTML, CSS, JavaScript) antes de ser enviada para o browser.

h2: 8. Demasiados anúncios

O impacto mais óbvio de sobrecarregar o seu website com publicidade é o acréscimo de pedidos HTTP, que precisam de tempo de processamento adicional.

Os anúncios rich media, como pop-unders, interstitials e downloads automáticos, podem criar centenas de pedidos HTTP e deixar o seu website sem resposta.

Carregue os anúncios com um pequeno atraso, depois de o conteúdo principal ter sido renderizado.

h2: 9. Não usar um serviço de CDN

Uma CDN serve ficheiros estáticos a partir de um nó perto do visitante. Ajuda mais quando o seu público está espalhado por várias regiões; para um público de um único país num servidor bem localizado, muda pouco.

h2: 10. A sua plataforma de hosting

Se já percorreu todas as causas acima e o seu website continua a responder devagar, olhe para a plataforma por baixo dele. Escolha um fornecedor de hosting que inclua a afinação de desempenho no serviço.

O managed hosting deve incluir isto.

Na EuroVPS construímos a web stack em torno da sua aplicação, quer corra WordPress, Magento, PrestaShop ou Drupal.

h2: Conclusão

Na EuroVPS, a nossa equipa de suporte pode rever consigo a configuração do seu servidor web e do PHP e ajudar a descobrir o que está a atrasar o seu website.