O tempo de carregamento de página do seu site WordPress é de grande importância, deste que todos os utilizadores da Internet sabem. Mas o que poucos sabem é que, se o site for lento, aumentará a sua taxa de ressalto no Google Analytics e diminuirá a sua taxa de conversão – afinal, quem hoje tem a paciência de comprar algo num site lento ou até mesmo para fazer um registo solicitando uma cotação? Isto deixa o utilizador com uma má experiência, e por esta razão vou mostrar-lhe neste post como melhorar a velocidade do WordPress.
Devemos sempre deixar o nosso site agradável para o Google, porque leva em consideração a velocidade do seu site ao posicioná-lo bem em pesquisas orgânicas, ou seja, se o seu site for lento, isso pode prejudicar a sua
estratégia DE SEO
.
Por esta razão, precisa de tempo para fazer melhorias no seu site. Pense nisso como um investimento, porque se não começar a rever estes conceitos hoje, amanhã o seu concorrente pode estar muitos passos à sua frente.
Vai requerer esforço, claro! Mas todos os esforços são recompensados. O nosso site é um exemplo disso. Mas não vou falar sobre o nosso site, hoje vamos concentrar-nos em melhorar o teu.
Nesta publicação daremos dicas valiosas, daqueles que, se fosse um vídeo do Youtube, estaria neste momento a pedir-lhe para dar notificações semelhantes, ativar notificações e subscrever a página (risos). Mas nada o impede de partilhar, se o acha interessante, ou até nos diz aqui nos comentários se, depois de seguir o passo a passo, obteve algum resultado.
Aqui estão os tópicos sobre os que falaremos abaixo:
- Como medir a velocidade do seu site;
- Como melhorar a velocidade do WordPress em 5 passos:
- Escolha um alojamento de alto desempenho;
- Escolha um bom tema WordPress;
- Otimize as suas imagens;
- Implantação de Caching;
- Utilize um CDN;
- Começa agora!
Como medir a velocidade do seu site WordPress
Existem várias ferramentas e websites para que você analise cuidadosamente o tempo de carregamento do seu site e também analise quais os ficheiros ou códigos que estão a demorar mais tempo a carregar, dificultando o desempenho do wordpress.
Existe o Google PageSpeed, que ainda hoje pode aceder ao mesmo através do seu próprio dashboard depois de instalar e ativar o
Kit do Site pelo plugin do Google
. Este plugin permite-lhe ligar o WordPress ao Google Analytics, Google Tag Manager, Google Adsense,
Google Search Console
, Google Otimize e PageSpeed Insights, que lhe darão informações sobre o desempenho do site.
Mas prefiro, em particular, utilizar e recomendar
gTmetrix
.
Nele basta aceder ao site clicando no link acima e introduzir o URL que pretende analisar. Aqui está o exemplo:
Acima, temos uma impressão da análise do nosso site principal,
agxww.com
. Neste site, usamos à letra todas as dicas que lhe passaremos aqui neste post. Podemos ver que o site demorou 1,1 segundos a carregar completamente e 0,6 segundos para que o cliente possa ver as imagens.
Mas sei o que se pode perguntar: “Quanto tempo é que o meu site tem de carregar para que seja considerado rápido?”.
Os dados dizem que o Google considera que um site precisa de carregar em até 3 segundos, e que isso está inteiramente relacionado com o que eu falei no início do post, a Taxa de Salto. Quanto mais tempo o tempo de carga, é claro que o utilizador não espera que o site carregue.
Como melhorar a velocidade do wordpress em 5 passos
Agora que sabe quanto tempo o seu site demora a carregar, vamos ver o que precisamos fazer para melhorar o seu desempenho e obter mais benefícios.
1. Escolha um alojamento de alto desempenho
Falámos em apresentar o WordPress em primeiro lugar precisamente porque este é o passo mais importante de todos. Não adianta executar todas as dicas se o seu anfitrião não tiver um bom desempenho.
Recomendo sempre que utilize
um hospedagem em nuvem (clique no
link anterior se quiser saber todas as vantagens do servidor de nuvem). É melhor que seja dedicado, mas se não pode ser devido a fatores financeiros, a partilha de nuvens é fácil de expandir se houver necessidade de disco, memória ou mesmo largura de banda.
Darei hoje 2
alternativas de servidor em nuvem
:
Plataforma Google Cloud
O WordPress pode ser implementado no Google Cloud de várias maneiras. A melhor opção depende do tráfego que o seu site pode receber e também do controlo que pretende exercer sobre a implementação e manutenção. Cada opção inclui todos os benefícios de segurança, custo e desempenho da GCP.
Pode criar uma instância escalável no Motor Kubernets ou no Motor APP. Se o seu site espera tráfego baixo ou moderado, o Motor Compute é uma boa opção.
Se quiser aprender a instalar e configurar o WordPress no Google Cloud, clique no link anterior e veja como pode criar um caso e hospedar o seu site lá.
Agora, se não quiser se preocupar em preparar, o próximo tópico pode ser mais interessante.
My Site Area
A nossa outra opção também acolhe o seu site no Google Cloud, mas de forma gerida. Ou seja, tem todas as vantagens dos servidores do Google, no entanto, não é necessária nenhuma configuração. Escolhes o teu plano, e eles entregam os recursos num painel onde tens tudo, desde um gestor de ficheiros até uma integração com o Git. Outra vantagem é que com alguns cliques instala e configura aplicações como o WordPress, Magento, e-mails com o seu domínio, tudo de forma automatizada. O My Site Area cuida de toda a configuração técnica para si.
Neste servidor pode optar por Dedicado, que é de R$ 149 (29€ ) por mês, ou do Shared, onde dividem um vCPU para os seus utilizadores a partir de R$ 55 (10 € ) por mês.
O My Site Area também tem um migrador que transfere o seu site WordPress do alojamento atual para a sua nuvem gratuitamente.
2. Escolha um bom tema WordPress
O tema do seu site desempenha um papel relevante no tempo de carregamento do site. É por isso que aconselho sempre a utilização de um tema que não é gratuito, porque estes terão uma equipa maior a cuidar do desempenho, melhorias e até a dar apoio no que precisa.
Aqui na agência, usamos muito o Tema Astra. Tem menos de 50kb e tem um diferencial porque não tem dependências JQuery que perturbem o tempo de carregamento da sua página. As atualizações são constantes e darem-se muito bem com elementor, e outras ferramentas que vou mencionar aqui abaixo.
Para além da aquisição do Plano de Agência Astra tenho direitoao Ultimate Add Ons for Elementor, Schema Pro, WP Convert, WP Portfolio, entre outros que são da mesma empresa.
Já construímos sítios institucionais, ecommerces e mercados com a Astra, e por nunca ter tido problemas recomendo-o.
3. Otimize as suas imagens
Sabia que as imagens representam cerca de 50% ou mais do tamanho da página de um site? Com isso em mente, imagine que reduz o tamanho das suas imagens em 1/4, teria pelo menos 50% menos esforço para a sua página carregar. É uma boa gorjeta, não é?
Isto porque muitas pessoas sobem imagens de qualquer tamanho, às vezes mesmo sem notar. Vimos aqui sites que correram com imagens de 5MB, só porque descarregaram do banco de imagens e não sabiam que era necessário ou que poderiam diminuir esta imagem sem perder a qualidade.
Neste passo tem 2 opções. O primeiro, claro, redimensiona as imagens do seu site. Vale a pena entrar e avaliar desde o tamanho do seu logotipo até essa imagem no final da página.
A segunda opção é utilizar um compressor de imagem. Isto fará com que reduza o tamanho do ficheiro sem alterar as dimensões. Existem opções de compressão deficitárias, que reduzem drasticamente o tamanho do ficheiro, mas também diminuem a qualidade da imagem. E há os sem derrotas, que fazem uma pequena redução, mas também não perdem qualidade.
Aqui na Super Plural usamos wpmu dev Smush Pro.
Tem uma versão gratuita, mas a versão Pro do mesmo é muito boa, porque no pacote surgem outros plugins como o Hummingbird, que mimetiza o código além de outros plugins. Smush está em mais de 1 milhão de sites em todo o mundo e tem outras funcionalidades além da compressão de imagem, tais como Image CDN, WebP Support, Lazy Load, entre outros.
4. Implantar caching
Se já sabe qual é o cache da página, proceda ao passo seguinte. Se ainda não sabes, vou tentar explicar de uma forma prática.
Sempre que um utilizador acede a um site, é feito um pedido ao seu servidor, que é onde o HTML do seu site está armazenado. O servidor tem então a função de apresentar este código no navegador do utilizador. No WordPress o seu site tem praticamente duas partes, o código que é PHP, HTML, CSS e JavaScript, a outra é a base de dados, onde estão os seus conteúdos como postblog, ou produtos, se for WooCommerce, por exemplo.
Quando visitam o seu site, o servidor executa PHP e envia consultas para a base de dados para montar o HTML. Com isto, pode demorar algum tempo até que o servidor apresente o HTML, porque monta quando é solicitado, e o seu servidor funciona todo o tempo indo ao banco fazer consultas e apresentar cada vez que é solicitado.
Isto é quando a cache da página age. Armazena HTML ou HTML estático prontos por um período de tempo que pode determinar a si mesmo. Alguns usam horas, outros que não atualizam o site diariamente, usam ainda mais tempo.
Ao fazer entregas aos visitantes sem passar por esse processo que mencionei, o carregamento é mais rápido e melhora o desempenho do site, especialmente quando há tráfego elevado, porque o seu servidor não está sobrecarregado.
“E a ponta do plugin???” Calma, calma! Não me vou esquecer que, afinal, foi o que te disse sobre como funciona o Caching. Mas antes de falar sobre o plugin, tenho de avisar que alguns anfitriões já têm este serviço ao nível do servidor. Portanto, é bom saber se o seu serviço já oferece.
Aqui na agência usamos sites de imprensa WP
para
armazenamento cache. Usei alguns mercados, mas nenhum deles pode ser comparado. Primeiro porque a sua configuração básica já otimiza o seu site. Ou seja, instalado e ativado, já está a trabalhar. É uma coisa boa.
Além disso, pode realizar algumas otimizações manuais como Lazy Load, Gzip Compression, Database Optimization, Google Analytics Optimization e Google Fonts. Não é muito?
5. Utilize um CDN
CDN é o acrónimo da Rede de Entrega de Conteúdos. Como diz o nome, é uma rede de distribuição de conteúdos cujo objetivo é acelerar o tempo de carga do seu site. Isto porque fornece o conteúdo estático do site do servidor mais próximo do local onde fazem o pedido.
É muito natural que as pessoas não levem em conta a localização do seu centro de dados quando contratam, mas isso é extremamente relevante. Compreender como:
Você tem um site que as pessoas no Brasil, Estados Unidos e Austrália têm acesso. Sendo isso, o teu servidor está nos Estados Unidos. Os mais próximos do servidor serão capazes de carregar o site muito mais rapidamente do que os da Austrália. Isto porque a distância influencia o tempo que o servidor recebe e responde aos dados do seu site.
O CDN resolveu este problema. Geralmente, as empresas de CDN têm servidores de última geração em todo o mundo onde réplicas de sites são armazenadas. Por outras palavras, com o CDN se eu tiver um ponto na Austrália, minimizo o tempo de carga porque não preciso de fazer o pedido de ficheiros estáticos nos EUA.
A minha última e muito importante dica cdn para o WordPress é a
Bunny.net
. Conta agora com 53 centros de dados em 6 continentes e 35 países. Mas a principal vantagem é que a instalação do mesmo é muito fácil e prática: Inscreva-se no site e crie uma conta. Adicione o seu URL à Bunny e, em seguida, instale o plugin BunnyCDN para completar a configuração. E a boa notícia é que pode testar durante 15 dias e comparar as velocidades antes e depois da ativação.
Comece agora a otimizar a velocidade WordPress
Depois destas dicas douradas, não perca tempo e melhore a velocidade do seu WordPress neste momento. Você vai notar antes e depois do seu site, não só carregando, mas avançando posições sobre palavras-chave, entre outros.
Ps: Se quiser uma opção mais rápida para ter todos os benefícios de uma plataforma WordPress a funcionar num servidor robusto como o Google Cloud, pode contratar o nosso serviço de Desenvolvimento de Websites e Ecommerces, SiteXpress ( sitexpress.org ).
Havia muitas dúvidas sobre este tema? Ou seguiu o passo a passo e teve resultados? Gostávamos de ouvir-te nos comentários.
Vemo-nos da próxima vez.