Como identificar as causas de um site lento em WordPress

Veja neste guia como identificar e resolver as causas da lentidão de um site em WordPress.

Como identificar as causas de um site lento em WordPress? Ter um site rápido sempre foi muito importante e recomendado. Mas com o enrijecimento do Google relacionado à classificação de páginas para a SERP, somado ao aumento da concorrência e ao nível de exigência cada vez mais alto dos visitantes, ter um site lento é algo inaceitável.

O que é um site rápido ou um site lento?

Talvez a resposta mais honesta para esta pergunta seja algo como “nenhum site é rápido o bastante“. Principalmente em função das expectativas tanto dos donos de sites tanto dos visitantes.

Contudo, é praxe arbitrar-se que uma página é lenta se esta tem tempo de carregamento acima de dois segundos. Logo, um site rápido é aquele cujas páginas carreguem totalmente abaixo desse tempo.

É importante salientar: a página deve carregar totalmente em menos de dois segundos. E isso inclui anúncios, imagens e quaisquer penduricalhos extras.

Há quem arbitre tempos ainda abaixo de dois segundos para separar os rápidos dos lentos. Mas pela nossa experiência, não é necessário ser tão radical. Até porque é bastante difícil obter números assim tão baixos em termos práticos. Principalmente quando é impossível abrir mão dos anúncios e dos scripts externos.

Backend e Frontend

Todo aplicativo na Internet tem dois “lados”, um que roda no servidor, o backend. E outro que roda no dispositivo de navegação do visitante, o frontend.

Para os visitante dos nossos sites, incluindo o bot (que também é um tipo de visitante), o que importa é a velocidade do frontend. Ou seja, na prática, é o resultado dos processamentos que são efetuados no backend.

De maneira resumida, requisições são feitas ao backend que, por sua vez, as processa e devolve os dados que são utilizados ou exibidos no frontend. Entretanto, devemos lembrar que se o backend não entregar sua parte do trabalho rápido o suficiente, o frontend também vai apresentar lentidão.

Em se tratando de WordPress, o backend é composto do servidor em si, com o Sistema Operacional e os serviços necessários ao funcionamento de um site. Bem como o código do WordPress propriamente dito, seus plugins e templates ativos.

Já o frontend é composto do código HTML, CSS, JavaScript, imagens e demais objetos. Todos eles são entregues ao visitante para que a página possa ser “montada” corretamente. Todo código que não seja executado diretamente no servidor também faz parte do front.

Lentidão no backend: causas mais comuns

As causas mais comuns de lentidão no backend são:

  • Servidor com hardware insuficiente para atender à demanda do site;
  • Código mal escrito, ocasionando demandas absurdas com relação à real necessidade do site;
  • Código que depende de resultados externos: se o site externo cai ele derruba consigo todos os que dependem de seus serviços.

Quando o servidor está subdimensionado para a demanda não tem muito jeito. É necessário fazer um upgrade e contratar um servidor melhor. Porém, apenas uma pequena parcela dos casos de lentidão no back são causadas por hardware menor que o necessário.

Bem mais comuns são os casos de código que depende do resultado de algum processamento externo. Os exemplos mais rotineiros são (1) plugins otimizadores de imagens, que na PortoFácil são totalmente desnecessários, leia: Mônica e a Otimização Avançada de Imagens. E (2) plugins e templates que exigem verificação de chaves de licença para funcionar. Nesse caso, se o site externo cair, todos os “clientes” serão derrubados junto.

Sem dúvida, a causa mais comum de lentidão no back é a incidência de código mal feito. Exigindo tanto do servidor a ponto de travar a máquina toda. Um bom exemplo são os plugins de estatística, vetados por nossos termos de serviço por ser um dos plugins mal comportados.

Como identificar lentidão no backend

A maneira mais simples de diagnosticar problemas no back é analisando a carga do servidor. Os clientes da PortoFácil podem fazer isso facilmente usando a Mônica para Clientes. É só saber interpretar os gráficos ou pedir ajuda ao suporte técnico. Temos uma equipe sempre disponível e disposta a ajudar!

O primeiro passo é medir a velocidade do site. Em seguida, desativar todos os plugins (menos os de cache) e reverter o blog para um template padrão. Agora faça um novo teste e compare com o anterior.

Se com o template padrão e os plugins desativados a lentidão sumir, então será necessário reativar o template e os plugins, um a um. Repetindo a conferência de velocidade até encontrar o foco dos problemas.

Lentidão no frontend: causas mais comuns

Já a lentidão no front pode ser causada por fatores externos. Por exemplo: scripts de terceiros, “barras de redes de sites” e propagandas. Mas a lentidão também pode ser causada por fatores internos. É o caso das imagens não otimizadas e scripts que interagem com o backend. Quebrando as funcionalidades dos caches.

Como identificar lentidão no frontend

Para identificar lentidão no front é necessário utilizar um ferramenta de medição. Sendo assim, nossa ferramenta favorita para medir velocidade de carregamento de páginas é o Pingdom Website Speed Test. Através dela temos a exibição de carregamento de cada objeto individualmente. Ou seja, na forma de “visualização em cascata” ou waterfall view.

Como exemplo não muito bom, pois não dá para dizer que há lentidão numa página que carrega totalmente em pouco mais de meio segundo, vamos analisar o waterfall view de uma página aleatória do nosso site: Cuidado com o Template do seu WordPress.

Como identificar as causas de um site lento em WordPress

Se analisarmos os dados no sentido vertical, de cima para baixo da tabela, saberemos a ordem em que os objetos são carregados na página. Já no sentido horizontal, da esquerda para a direita, saberemos quando o navegador iniciou e terminou o carregamento de cada objeto.

Portanto, para aproveitar a informação ao máximo, precisamos analisar o gráfico na dimensão tempo (na horizontal), do fim para o começo. Normalmente também é o fim da visualização por ordem de carregamento (eixo vertical). Entretanto, isso não é uma regra.

Bom, de acordo com o exemplo acima, podemos ver que os elementos que mais atrasam o carregamento da página (porque o instante final de seu carregamento está mais à direita) são vinculados ao Google Analytics. Se pudéssemos viver sem o Google Analytics, a simples remoção do código de acompanhamento talvez já acelerasse o carregamento desta página em até 20%.

Seguindo o mesmo raciocínio, vemos que o segundo elemento mais lento é um script do plugin antispam que utilizamos no blog, o WPBruiser. Infelizmente, é outro plugin indispensável para nossa sanidade. Haja vista a quantidade de propaganda que recebemos em nossos formulários de contato quando o desativamos. Entretanto, se não fosse assim, teríamos um ganho considerável de velocidade de carregamento somente devido à sua desativação.

Enquanto isso na prática…

Enfim, na prática, as coisas podem ser mais complicadas do que este exemplo. Por isso, vai ser comum, principalmente em sites que veiculam conteúdo automático de redes de anúncios, existirem várias requisições feitas à revelia do responsável pela página. Estes são os mecanismos de controle e de estatística dos anunciantes, das redes ou do que quer que eles resolvam injetar na sua página.

Sendo assim, nesse momento é importante lembrar que cada um é responsável pelo seu site. Ou seja, se não temos o poder de impedir que trackers, scripts de estatística e de rastreamento de conversão, sejam inseridos pelas redes de anúncios, o poder de removê-los nunca nos é tirado.

Cabe a você saber da importância que cada anúncio tem para o site, ou para o seu negócio como um todo. E remover o que puder ser removido para deixar o site rápido novamente.

Como acelerar o WordPress ao máximo

Então, a maneira mais eficiente de acelerar qualquer site ou blog é utilizar corretamente os caches. Por isso, recomendamos usar a CloudFlare em uma configuração agressiva de cache. Utilizando apenas os plugins realmente necessários, e não exagerando nos anúncios.

Por fim, caso precise de ajuda para resolver o problema de lentidão de seu WordPress, basta entrar em contato. Nosso suporte técnico vai ficar feliz em poder ajudar.

 

Quero ser cliente da PortoFácil!Contato

Avalie este conteúdo!

Avaliação média: 4.9
Total de Votos: 7

Como identificar as causas de um site lento em WordPress

Compartilhe

Publicado por Janio Sarmento – 28 de fevereiro de 2019