melhorar a velocidade do wordpress

Como melhorar a velocidade do WordPress

O tempo de carregamento de página do teu site e velocidade do WordPress tem uma grande importância, todo usuário de internet sabe. Mas, o que poucos sabem é que se o site for lento, isto aumentará a taxa de rejeição no Google Analytics e diminuirá a taxa de conversão – afinal, quem hoje tem paciência para comprar algo em um site lento ou até mesmo para solicitar um orçamento? E isto deixa o usuário com uma má experiência.

Nosso site deve sempre agradar ao Google, pois ele considera a velocidade do teu site na hora de posicioná-lo bem nas buscas orgânicas, ou seja, se teu site estiver devagar, isso pode prejudicar tua estratégia de SEO.

Por este motivo, é necessário dedicar tempo para fazer melhorias no teu site. Pense que é como um investimento, pois se não começar a rever estes conceitos hoje, amanhã o teu concorrente pode estar muito mais desenvolvido neste assunto.

Exigirá esforços, claro! Mas todos os esforços são recompensados. O nosso site é um exemplo disto. Mas não vou falar do nosso site, hoje vamos focar em melhorar o teu.

Aqui daremos dicas valiosas, daquelas que, se este fosse um vídeo do Youtube, eu estaria neste momento pedindo o teu like e ativação das notificações! Mas, se achar interessante, podes compartilhar ou até mesmo nos dizer aqui nos comentário se, após seguir estas dicas, viste algum resultado.

Vê os tópicos sobre os quais falaremos a seguir:

  • Como medir a velocidade do teu site;
  • Como melhorar a velocidade do WordPress em 5 passos:
    1. Escolhe uma hospedagem de alta performance;
    2. Escolhe um bom Tema WordPress;
    3. Otimiza suas imagens;
    4. Implementa armazenamento em Cache;
    5. Usa uma CDN;
  • Começa agora!

Como medir a velocidade do teu site WordPress

Existem diversas ferramentas e sites para analisares minuciosamente o tempo de carregamento do teu site e também analisar quais são os arquivos ou códigos que estão demorando mais a carregar, o que atrapalha a performance do WordPress.

Existe o Google PageSpeed, que inclusive hoje podes acessá-lo através do teu próprio painel após instalar e ativar o plugin Site Kit by Google. Este plugin permite que com um clique, possas conectar teu WordPress ao Google Analytics, Google Tag Manager, Google Adsense, Google Search Console, Google Optimize e o PageSpeed Insights, que dará insights sobre a performance do site.

Mas eu, particularmente, ainda prefiro utilizar e recomendar o GTmetrix .

Nele só é preciso aceder ao site no link acima e inserir o URL que desejas analisar. Vê o exemplo:

gtmetrix

Acima, temos um print da análise do nosso site principal, agxww.com. Neste site, utilizamos rigorosamente todas as dicas que passaremos aqui nesse post. Podemos ver que o site levou 1,1 segundos para carregar por completo e 0,6 segundos para que o cliente possa ver as imagens.

Mas sei o que deves estar a se perguntar: “Em quanto tempo meu site tem que carregar para que seja considerado rápido?”.

Dados dizem que o Google considera que um site precisa carregar em até 3 segundos, e que isto está totalmente relacionado ao que falei no início do post, a Taxa de Rejeição. Quanto maior o tempo de carregamento, naturalmente o usuário não esperará o site carregar.

Como melhorar a velocidade do WordPress em 5 passos

Agora que você já sabe quanto tempo o teu site leva para carregar, vamos ver o que precisaremos fazer para melhorar a performance dele e obter mais benefícios.

1. Escolhe uma hospedagem de alta performance

Falamos sobre a hospedagem do WordPress em primeiro lugar justamente porque esta é a etapa mais importante de todas. De nada adiantará executar todas as dicas se sua hospedagem não tiver um alto desempenho.

Eu sempre recomendo que utilizem uma hospedagem em nuvem. Melhor que ele seja dedicado, mas se não puder ser devido a fatores financeiros, o compartilhado em nuvem é de fácil expansão caso haja necessidade de aumento de disco, de memória ou até mesmo da banda.

Hoje darei 2 alternativas de servidor em nuvem:

Google Cloud Platform

O WordPress pode ser implantado no Google Cloud de várias formas. A melhor opção depende da quantidade de tráfego que o teu site pode receber e também do controle que querer exercer sobre a implantação e a manutenção. Cada opção inclui todos os benefícios de segurança, custo e desempenho do GCP.

É possível criar uma instância escalonável no Kubernets Engine ou no APP Engine. Se o teu site tiver uma expectativa de baixo tráfego ou moderado, o Compute Engine é uma boa opção.

Se quiseres aprender como instalar e configurar o WordPress no Google Cloud, clique no link anterior e veja como podes criar uma instância e hospedar o teu site lá.

Agora, se não queres se preocupar com configuração, o próximo tópico pode ser mais interessante.

My Site Area

A nosso outra opção também hospeda teu site na Google Cloud, mas de forma gerenciada. Ou seja, todas as vantagens dos servidores Google, porém, sem necessidade de configuração. Escolhe o teu plano, e eles entregam os recurso em um painel onde tens desde um gerenciador de arquivos, até uma integração com Git. Outra vantagem é que com poucos cliques é possível instalar e configurar aplicações como WordPress, Magento, e-mails com o teu domínio… tudo isso de forma automatizada. O My Site Area cuida de toda a configuração técnica.

Neste server podes optar por Dedicado, que são a partir de R$149 ( U$27 ) por mês, ou o Compartilhado, onde eles particionam um vCPU para seus usuários a partir de R$59 ( U$10 ) por mês.

planos google cloud gerenciado

O My Site Area também tem um migrador que transfere o teu site WordPress da hospedagem atual para o teu cloud gratuitamente.

2. Escolhe um bom tema WordPress

O tema do teu site tem um papel relevante no tempo de carregamento. Por isso eu sempre aconselho utilizar um tema que não seja gratuito, pois estes terão uma equipa maior cuidando da performance, de melhorias e inclusive dando suportes no que precisares.

Aqui na AGX, nós utilizamos muito o Astra Theme. Ele tem menos de 50kb e tem um diferencial por não ter dependências JQuery que atrapalham o tempo de carregamento da tua página. As atualizações são constantes e se dão muito bem com o Elementor, e outras ferramentas que vou citar aqui abaixo.

Além do que, ao comprar o Plano Agência do Astra, tens direito a ao Ultimate Add Ons forcloud ElementorSchema ProWP ConvertWP Portfolio, entre outros que são da mesma empresa.

Já construímos sites institucionais, ecommerces e marketplaces com o Astra, e por nunca ter tido problemas com a velocidade do WordPress, eu o recomendo.

3. Otimiza as tuas imagens

As imagens representam cerca de 50% ou mais do tamanho da página de um site. Por isto, ao reduzir o tamanho da tuas imagens em 1/4, terias pelo menos 50% menos de esforço para a tua página carregar. É uma boa dica, não?

Isto acontece porque muitas pessoas sobem imagens com qualquer tamanho, às vezes até sem reparar nisso. Já vimos por aqui sites que rodavam com imagens de 5MB, só porque baixaram do banco de imagens e não sabiam que era necessário ou que poderia diminuir esta imagem sem perder a qualidade.

Nesta etapa temos 2 opções. A primeira é claro, redimensionar as imagens do teu site. Vale a pena entrar e avaliar desde o tamanho da sua logo, até aquela imagem que fica no final da página.

A segunda opção é utilizar um compressor de imagem. Isto fará com que reduza o tamanho do arquivo sem alterar as dimensões. Existem as opções de compressão com perdas, que reduzem drasticamente o tamanho do arquivo, mas também diminuem a qualidade da imagem. E existem as sem perdas, que fazem uma pequena redução, mas também não perdem a qualidade.

Nós utilizamos o Smush Pro do WPMU Dev. Ele tem uma versão gratuita, mas a versão Pro dele é muito boa, porque no pacote vem outros plugins como o Hummingbird, que mimifica o código, além de outros plugins. O Smush está em mais de 1 milhão de sites no mundo e tem outros recursos além da compressão de imagens como CDN de Imagens, Suporte WebP, Lazy Load, entre outros.

4. Implementa o armazenamento em Cache

Se já sabes o que é o cache de página, avança para próxima etapa. Se não sabes ainda, vou tentar explicar de uma forma prática.

Toda vez que um usuário visita um site, uma requisição é feita ao teu servidor, que é onde está armazenado o HTML do teu site. O servidor então tem o trabalho de apresentar esse código no navegador do usuário. No WordPress o teu site tem praticamente duas partes, o código que é PHP, HTML, CSS e JavaScript, a outra é o banco de dados, onde ficam os teus conteúdos como postblog, ou produtos, se for WooCommerce, por exemplo.

Ao visitarem o teu site, o servidor executa o PHP e envia consultas ao banco de dados para montar o HTML. Com isso, pode demorar um tempo para o servidor apresentar o HTML, pois ele monta ao ser requisitado, e o teu servidor trabalha a ir lá no banco, a fazer consultas e a apresentar toda vez que solicitado.

É nesta hora que o cache de páginas atua. Ele armazena o HTML pronto ou HTML estático por um período de tempo que é possível determinar. Uns utilizam horas, outros que não atualizam o site diariamente, utilizam até mais tempo.

Quando o cache entrega aos visitantes sem passar por este processo que citei, o carregamento é mais rápido e melhora o desempenho do site, principalmente quando há um alto tráfego, porque o teu servidor não fica sobrecarregado.

Dica de plugin para velocidade do WordPress

“- E aquela dica do plugin???” Calma! Não vou me esquecer disso, afinal, foi para isso que contei anteriormente como o Cache funciona. Mas antes de falar do plugin tenho que alertar que algumas hospedagens já têm esse serviço no server. Então é bom procurar saber se o teu serviço já oferece.

Aqui na empresa, utilizamos nos sites WordPress o WP Rocket para armazenamento de Cache. Já usei alguns do mercado, mas nenhum se compara. Primeiro porque a configuração básica dele já otimiza o teu site. Ou seja, instalou e ativou, ele já está a trabalhar. Isto é um ponto positivo.

Além disso, podes executar algumas otimizações manuais como Lazy Load, Compressão Gzip, Otimizacão do banco de dados, Otimização do Google Analytics e Google Fonts. Não é bom?

wp rocket

5. Usa uma CDN

CDN é a sigla para Content Delivery Network. Como o nome já diz, é uma rede de distribuição de conteúdo cujo objetivo é acelerar o tempo de carregamento do seu site. Isso porque ela entrega o conteúdo estático do site do servidor mais próximo de onde fazem a requisição.

É muito natural que as pessoas não considerem o local do seu data center na hora de contratar, mas isto é de extrema relevância. Entende como:

Pensa em um site que pessoas no Brasil, Estados Unidos e da Austrália acessam. Sendo que, o teu servidor está nos Estados Unidos. Quem estiver mais próximo do servidor, poderá carregar o site muito mais rápido do que quem está na Austrália. Isto porque a distância influencia no tempo em que o servidor recebe e responde os dados do teu site.

O CDN resolveu este problema. Geralmente as empresas de CDN tem servidores de ponta em todo o mundo onde são armazenadas as réplicas dos sites. Ou seja com o CDN se eu tiver um ponto na Austrália, eu minimizo o tempo de carregamento pois  não será necessário fazer a requisição de arquivos estáticos nos EUA.

A minha última e muito importante dica de CDN para WordPress é o Bunny.net. Ele tem hoje 53 data centers nos 6 continentes e em 35 países. Mas a principal vantagem dele é que a instalação dele é muito fácil e prática: Regista-te no site e cria uma conta. Adiciona seu URL no Bunny e logo depois instala o plugin BunnyCDN para completar a configuração. E a notícia boa é que poderás testar por 15 dias e comparar as velocidades de antes e depois da ativação.

Começa agora

Depois dessa dicas de ouro, não perde mais tempo e acelera o teu WordPress agora mesmo. Perceberás o antes e o depois do teu site, não só no carregamento mas no avanço de posições em palavras-chave, e muito mais!

Caso tenhas alguma dúvida sobre este tema ou se tiveste um bom resultado, conte-nos comentários.

Até a próxima!

Leave a Comment

O seu endereço de email não será publicado. Campos obrigatórios marcados com *


Importante: Este site utiliza cookies que podem conter informações de rastreamento sobre os visitantes. Ao continuar a navegar neste site, você concorda com a política de privacidade.

Scroll to Top