Como melhorar a velocidade de carregamento da página para maximizar os resultados

Publicados: 2023-03-06

Você já ouviu a história da lebre e da tartaruga? Você sabe, aquele em que a tartaruga lenta triunfou em uma corrida sobre o coelho arrogante e veloz? Bem, é mentira. Ir devagar nunca leva ninguém a lugar nenhum rápido. Isso é apenas bom senso e bons negócios.

OK, você nos pegou. Você pode colher os benefícios de levar algumas coisas devagar, como comer, envelhecer e descer escadas íngremes enquanto carrega espadas. Mas quando se trata de SEO, não há nada pior do que ir devagar.

Então prepare-se porque será um passeio em alta velocidade para classificações mais altas.

Por que ter um site rápido é importante?

Você prefere esperar mais de dois dias pelo seu pacote, enviar correio tradicional em vez de uma mensagem de texto ou ficar esperando o carregamento de um site? Ninguém em sã consciência gostaria de fazer isso. Quem tem tempo para isso? Certamente não seus clientes em potencial.

As páginas de carregamento mais rápido aumentam o desempenho do seu site, aumentam o Google PageSpeed ​​Insights e as pontuações do GTmetrix e classificam melhor nos resultados de pesquisa.

Mas exatamente quanto a velocidade da página afeta o SEO? Uma velocidade lenta da página pode levar a :

  • Uma redução de 7% nas conversões.
  • 11% menos visualizações de página.
  • Uma queda de 16% na satisfação do cliente.

E a cada segundo, esses números se tornam cada vez mais assustadores:

  • As taxas de rejeição podem aumentar em 103% após um atraso de apenas dois segundos.
  • 53% abandonarão um site que leva mais de três segundos para carregar.
  • 79% dos compradores insatisfeitos , devido à velocidade de carregamento do site, têm menos probabilidade de comprar novamente.

Como posso visualizar a velocidade de carregamento da minha página?

Várias ferramentas de benchmarking online medem a velocidade de carregamento da página. Eles também podem mostrar o tamanho e o uso intensivo de recursos do seu site e sugerir refinamentos. O melhor de tudo é que você pode usá-los gratuitamente.

  • O Google PageSpeed ​​Insights realiza testes separados para desktop e mobile, diferenciando o tempo de carregamento em diferentes estágios.
  • O GTmetrix fornece uma visão geral do tamanho, tempo de carregamento da página e alocação de recursos, assim como o YSlow.
  • Pingdom oferece um serviço semelhante ao GTmetrix.
  • O WebPageTest é um pouco menos amigável do que os outros, mas tende a ser mais perspicaz. Destacam-se suas opções avançadas, que consideram o desempenho de um site em diferentes navegadores.

Ao executar esses testes, selecione os locais de teste mais próximos da localização física do seu público, pois isso fornecerá os resultados mais relevantes.

Agora que você conhece a velocidade de carregamento da página do seu site, vamos ver se você está marcando um tempo razoável.

Quão rápido meu site deve carregar?

Geralmente, suas páginas devem carregar completamente em três segundos ou menos.

Se sua velocidade estiver em torno de três a cinco segundos, você não está totalmente em uma situação ruim, mas suas páginas estão tendo um desempenho menos favorável do que o esperado pelos padrões atuais de prioridade para dispositivos móveis. Qualquer coisa acima de cinco segundos é considerada ruim. Mas não importa o quão rápido seu site carregue, ele sempre pode se beneficiar de um impulso.

Você também deve prestar atenção ao seu tempo até o primeiro byte (TTFB). (WebPageTest e PageSpeed ​​Insights mostram esses dados.) TTFB é o período que os navegadores esperam antes de aceitar o primeiro byte de dados de um servidor. O Google sugere um TTFB de 200 milissegundos ou mais rápido.

Veja mais informações sobre as metas de velocidade de carregamento da página:

  • A Pingdom descobriu que a maioria das páginas carrega em menos de 3,21 segundos , em média.
  • O Google diz que 53% dos usuários estão dispostos a esperar apenas três segundos para que seus telefones carreguem antes de passar para outro site.
  • A Akamai descobriu que a velocidade média de carregamento da página móvel de 2,4 segundos leva à melhor taxa de conversão.

Mas como você pode melhorar a velocidade de carregamento da página para atingir a meta de três segundos ou mais rápido?

Qual é a melhor maneira de aumentar a velocidade de carregamento da página?

Vários fatores podem afetar a velocidade de carregamento da página. Algumas estratégias podem ser feitas imediatamente e têm um efeito imediato. Outros levarão tempo e testes para ver os benefícios.

Aqui estão alguns dos melhores métodos:

1. Ative a compactação gzip.

2. Otimize as imagens.

3. Ative o cache do navegador.

4. Minimize HTML, CSS e JavaScript.

5. Diminua as solicitações HTTP.

6. Reduza o tempo de resposta do servidor.

7. Considere a implementação de um CDN.
Bônus: faça melhorias específicas do WordPress.

Em sua marca! Prepare-se! Impulsionar!

1 . Ativar compactação gzip

A compactação diminui o tamanho dos seus arquivos, permitindo um download mais rápido. É uma das maneiras mais simples e rápidas de otimizar a velocidade de carregamento da página. Usar gzip para compactação é quase uma norma, embora Brotli seja um método alternativo, mas popular. Quando ativado, o gzip pode reduzir o tamanho de HTML, CSS e JavaScript em até 70%. (Execute um teste gzip para ver se está ativado.)

A maioria dos plug-ins de desempenho tudo-em-um do WordPress oferece a opção de ativar a compactação automaticamente. Você pode habilitar manualmente a compactação adicionando algum código ao seu arquivo .htaccess para aqueles que são mais práticos ou usam um CMS diferente.

2. Otimize as imagens

Alguns dos culpados típicos que contribuem para tamanhos de página grandes são as imagens. Geralmente, suas fotos devem ser dimensionadas adequadamente e otimizadas de acordo com o seguinte:

  • Menos de 100 kilobytes.
  • Defina o tamanho exato em que a imagem será exibida.
  • Salvo como JPG (a menos que seja transparente, nesse caso use PNG).

Com a compactação de imagem, ocorre uma diminuição notável na qualidade, portanto, não deixe que seu desejo por tempos de carregamento mais rápidos afete adversamente a qualidade do design do seu site. Mas, pelo menos, se o seu site tiver uma largura de 600 pixels, por exemplo, não carregue uma imagem com 2.500 pixels de largura.

Otimize as imagens antes de carregá-las usando o Photoshop (pago) ou o GIMP (gratuito). Para compactação adicional, você também pode utilizar um otimizador online como o TinyJPG. Se você quiser outra opção e usar um CMS como WordPress, Smush e EWWW Image Optimizer são bons plug-ins de backup. Alguns plug-ins também oferecem a capacidade de habilitar um recurso de “carregamento lento” que dá prioridade ao conteúdo acima da dobra e carrega suas fotos apenas quando um visitante rola para baixo – reduzindo drasticamente as solicitações que seu servidor recebe.

3. Ative o cache do navegador

Quando os visitantes retornam ao seu site, o navegador baixa novamente arquivos como scripts, imagens e folhas de estilo, a menos que você tenha ativado o cache do navegador.

Com o cache do navegador, os arquivos estáticos são salvos no navegador do usuário. Assim, da próxima vez que acessarem seu site, não precisarão baixar nada novamente, fazendo com que sua página carregue muito mais rápido.

Se você estiver usando o WordPress, o cache é relativamente fácil. Plug-ins como WP Rocket e W3 Total Cache guiam você por todas as etapas necessárias e configuram para você. Apenas certifique-se de usar apenas um desses plug-ins por vez. Além disso, ativar o cache manualmente é um pouco mais complicado.

4. Minimize HTML, CSS e JavaScript

A minificação remove código redundante ou desnecessário sem afetar o desempenho. Isso inclui a eliminação de comentários de código, nomes de função longos, espaçamento e assim por diante - todas as coisas que não são visíveis para o usuário, mas pesam na velocidade de carregamento.

Os plug-ins do WordPress, como WP Super Minify, WP Rocket e W3 Total Cache, são ideais para desenvolvedores iniciantes da Web obterem minificação. Você precisará executar a minificação manual para outros CMS e administradores avançados. Algumas ferramentas que podem ajudar são:

  • Minificador de HTML.
  • Compressor YUI ou Minificador CSS.
  • JSCompress ou JSMin.

5. Reduza as solicitações HTTP

Este é um grande problema. Embora possa ser complicado, não deixe que isso o assuste. Reduzir as solicitações é o objetivo final da otimização do carregamento da página. Você deve tentar manter o número de solicitações HTTP abaixo ou em torno de 50.

Existem muitos métodos para agilizar essas solicitações , bem como agilizá-las.

6. Reduza o tempo de resposta do servidor

Mudar de servidor é algo que você deve fazer com seriedade e na hora. Mas seu servidor de hospedagem desempenha um papel crucial no tempo de carregamento, portanto, saber se você tem a melhor configuração é um longo caminho.

Acima de tudo, consulte seu provedor para garantir que seus servidores tenham tempo de atividade suficiente, forneçam largura de banda suficiente e estejam localizados perto de seu público-alvo. Caso contrário, considere mudar para um serviço de hospedagem diferente.

Algumas outras coisas vitais a considerar:

  • versão PHP
     Se o seu site for baseado em PHP, você deve usar PHP 7 ou superior. O método mais fácil de saber qual PHP você está usando e qual precisa ser atualizado é ligando para o seu provedor de hospedagem. Mas lembre-se de que as alterações no PHP podem afetar alguns temas e plug-ins do WordPress. Você pode reverter rapidamente o PHP do seu servidor se algo parecer defeituoso.
  • HTTP/2
     HTTP/2 é um protocolo do lado do servidor que pode melhorar muito a velocidade e a eficiência do site. Nem todos os sites utilizam HTTP/2 quando podem. Você pode usar várias ferramentas online para verificar se o seu servidor pode suportar HTTP/2. Em seguida, entre em contato com seu provedor de hospedagem para saber quais opções você tem.
  • tipo de hospedagem
     A maioria das pequenas empresas usa servidores de hospedagem compartilhada mais baratos (como Bluehost, GoDaddy e HostGator). Empresas maiores que veem muito tráfego no site geralmente precisam de servidores privados virtuais mais poderosos ou servidores diretos para distribuir seu conteúdo. Decida em qual categoria você se enquadra usando seu orçamento e desempenho como métricas.

7. Considere a implementação de um CDN

As redes de entrega de conteúdo são perfeitas para páginas que atendem a muitos locais internacionais ou estão procurando um aumento de velocidade para seu serviço de hospedagem regular. Esses serviços pagos de terceiros não apenas oferecem suporte a HTTP/2, mas também reduzem bastante os tempos de solicitação, hospedando seus arquivos em uma extensa rede de servidores globais.

Algumas opções exclusivas de CDN incluem:

  • Cloudflare.
  • StackPath.
  • CacheFly.
  • CDN do Google Cloud.

Apenas alguns sites precisam de um CDN (apesar do que o GTmetrix possa sugerir), então recomendamos executar primeiro as outras estratégias desta lista. Considere a CDN uma opção viável se seus tempos de carregamento ainda precisarem ser atualizados.

Bônus: melhorias específicas do WordPress

Outros fatores podem contribuir para o tempo de carregamento da página se você usar o WordPress. Você deve resolver esses problemas junto com os outros métodos listados acima.

Reduzir plug-ins

Os plug-ins são fantásticos e podem fazer muito para aumentar a velocidade do seu site. Mas usar os plug-ins errados pode ter um efeito adverso, e muitos plug-ins instalados podem causar problemas, diminuindo drasticamente o desempenho do seu site.

Por isso é fundamental:

  • Atualize e mantenha rotineiramente seus plug-ins.
  • Remova rotineiramente quaisquer plug-ins desnecessários ou não utilizados.
  • Veja se há alternativas mais leves ou mais rápidas.
  • Identifique plug-ins com funcionalidade redundante.
  • Remova os plug-ins para tarefas que você pode executar facilmente manualmente.

Por exemplo, suponha que você tenha um plug-in do Google Analytics instalado. Nesse caso, seria melhor adicionar o snippet sozinho, por meio do Gerenciador de tags do Google ou do plug-in Inserir cabeçalhos e rodapés (que é muito menor que o anterior).

Para ajudar a localizar problemas, uma excelente ferramenta de avaliação de plug-in, como o Page Performance Profiler, pode identificar quais plug-ins estão prejudicando a velocidade de carregamento da página. (Não se esqueça de removê-lo quando terminar.)

Limpe seu banco de dados

Com o tempo, os bancos de dados do WordPress podem ficar sobrecarregados com rascunhos salvos, revisões de postagens e outras coisas que seu site não precisa para funcionar. A limpeza ocasional dessa desordem pode ajudar a aumentar a velocidade do seu site. Alguns plug-ins de desempenho all-in-one também têm esse recurso (semelhante ao WP Rocket), ou você pode utilizar o plug-in WP-Optimize.

Atualizar CMS e Tema

Certifique-se de estar sempre usando as versões mais recentes do seu tema e da instalação do WordPress. (Não se esqueça de fazer backup do seu site antes de fazer isso.) Se o seu site ainda estiver lento depois de atualizar e fazer todas as alterações acima, considere tentar um novo tema inteiramente. Embora os temas melhorem a aparência do seu site, eles podem trazer muita bagagem que pode atrapalhar seu site.

A velocidade rápida de carregamento da página é mais essencial do que nunca

Se você perdeu, o Google é totalmente focado em dispositivos móveis atualmente. E não vai mudar tão cedo, então suas páginas devem carregar o mais rápido possível.

Todos nós temos períodos curtos de atenção - e eles estão diminuindo a cada segundo. Se a sua página não carregar rapidamente, muitos vídeos de gatos podem e irão. Então, o que você está esperando? Agora é a hora de começar! Implemente essas melhorias na velocidade e na experiência da página agora mesmo, porque os SERPs não esperam por ninguém.