10 Dicas para otimizar seu site WordPress

Bem vindo de volta, pequeno Kangaroozinho! No artigo de hoje, vamos mostrar algumas super dicas para otimizar seu site WordPress ao máximo, melhorando consideravelmente a performance e velocidade de carregamento das suas páginas.

Assim, você vai conhecer algumas das boas práticas adotadas nos processos de otimização e já poderá hoje mesmo refinar seu WP para torná-lo muito mais rápido para seus visitantes!

Sumário

1. Por que otimizar o site?
2. Cache
3. Cache de objetos
4. Carregamento de recursos
5. Minificação de código
6. Escolha do tema certo
7. Evitar excesso de plugins
8. Otimização de imagens
9. Lazy Load
10. Escolha da hospedagem
11. Conclusão

Por que otimizar seu site WordPress é importante?

Independentemente da plataforma escolhida, a otimização do site voltada à performance do site é algo essencial principalmente para a experiência do usuário, já que isso é um fator que pode impactar diretamente em sua conversão.

A velocidade do site é um fator tão importante que já é até mesmo um dos critérios usados como métrica pelos principais motores de busca, sendo um dos tópicos mais importantes por quem trabalha com SEO.

O motivo é claro: se o site demora para carregar, a chance de o visitante desistir do acesso aumenta e, assim, ele acaba não fechando negócio, o que pode ser muito prejudicial para qualquer negócio. Por isso, as dicas aqui são tão importantes, e recomendamos que converse com seu programador para analisar a viabilidade de cada uma delas em seu site!

Cache

O cache é um dos maiores aliados das técnicas de otimização de sites, além ser um aliado também da preservação de recursos da sua hospedagem. Em resumo, a função do cache é processar previamente e deixar disponível uma cópia de alguns recursos estáticos de seu site.

Dessa forma, o cache consegue processar antes alguns recursos como textos, códigos e imagens para os acessos seguintes, fazendo com que o servidor não precise processar aqueles dados repetidamente, o que claro traz um grande ganho de velocidade em cada acesso.

Cache de objetos

Semelhante ao cache tradicional, a função do cache de objetos também é deixar itens disponíveis para acesso mais fácil, mas nesse caso são consultas do banco de dados do seu site. Assim, o cache de objetos consegue realizar consultas ao banco de dados e armazenar seus resultados na memória do servidor, permitindo um acesso muito mais ágil caso aquela consulta seja refeita em outro momento.

No caso de sites WordPress, normalmente a essa funcionalidade é implementa através de serviços como o Redis e Memcached, ambos presentes também em nossos servidores.

Carregamento de recursos

Em um site, a forma e tempo em que os recursos são carregados também é algo que pode impactar diretamente na velocidade final do site. Por isso, é muito importante entender quais os itens que são prioridade em seu site e configurar adequadamente para que eles carreguem antes.

É possível, por exemplo atrasar o tempo de carregamento de arquivos .js (JavaScript), para otimizar a velocidade da página. Para isso, existem as formas de carregamento assíncrona (async) que carrega o JS paralelamente e o atrasado (defer) que fará com que o JS seja carregado após a primeira interação do usuário, como ao rolar página ou clicar em algo, por exemplo.

Minificação

A minificação de recursos CSS, HTML e JS é algo que também é muito bem visto pelos motores de busca, mesmo que seu impacto em termos de ganho de velocidade propriamente dito não seja tão grande. O papel dessa prática é reduzir o tamanho total dos recursos que o site utiliza, já que arquivos menores podem ser baixados e executados mais rapidamente.

Essa prática consistem em “enxugar” o código ao máximo, removendo comentários e quebras de linha, o que permite otimizar esses arquivos ao gerar um código mais condensado que ficará mais leve para ser carregado, porém menos legível. Por conta disso, normalmente essa minificação não é feita direto no código fonte, mas sim no código já processado pelo script ou mesmo através de um CDN que tenha essa funcionalidade.

Escolha do tema

Sendo um ponto que pode acabar passando despercebido, o tema upode ser um dos fatores que irá ditar o tempo de carregamento de seu site WordPress, já que ele é o principal agente que fará as requisições do que deve ser executado em cada página, definindo a estrutura, estilização e dinamismo de cada uma delas.

Por isso, é extremamente recomendado optar por temas que apliquem técnicas de desenvolvimento limpo e performático, evitando opções que tenham excessos de recursos que possam acabar causando lentidão pela quantidade.

Dentre alguns plugins bem vistos pela comunidade e que costumam apresentar bons resultados, podemos listar o Astra, Hello Elementor e OceanWP.

Evitar excesso de plugins

Assim como o excesso de recursos do tema pode resultar em lentidão, o excesso de plugins em um site também pode, uma vez que todos os plugins ativos em um site consomem recursos de processamento. Com mais recursos sendo consumidos, eles podem acabar nem sempre sendo realmente utilizados pelo carregamento do site, o que levaria a uma percepção de lentidão.

Além disso, os plugins também podem adicionar recursos que precisam ser carregados nas páginas e, quanto mais desses recursos existirem nas páginas, mais esforço de processamento e tempo será necessário para carregar a página completamente.

Por isso, dê preferência a um menor número possível de plugins, utilizando realmente aqueles que são indispensáveis ou que não seriam possíveis substituir por códigos simples em seu WordPress.

Otimização de imagens

Como temos falado acima, o tamanho total da página importa muito para a velocidade de carregamento que ela terá, já que o servidor precisará processar isso e, posteriormente, o usuário precisará carregar esse material.

Por isso, otimizar as imagens e mídias usadas no site é algo crucial para ter uma experiência melhor para seus visitantes, oferecendo imagens em formatos mais leves e usando formatos de última geração, como WebP e AVIF, que poderão reduzir consideravelmente o peso final dos arquivos de imagem.

Por isso, tente usar imagens o mais leves possíveis para que elas não tornem seu site lento. Para otimizar as imagens convertendo elas para para esses formatos diretamente pelo próprio WordPress, você pode usar ferramentas como o WEBP Express para conversões WebP ou o AVIF Express para conversões AVIF.

Lazy Load

Relacionado com as técnicas para otimizar mídias, o lazy load na verdade define um “atraso” no carregamento das imagens, vídeos e embeds. Com ele, é possível fazer com que o carregamento das imagens só seja feito quando aquela mídia realmente deveria aparecer na tela.

Essa técnica é muito interessante porque ela ajuda a evitar que o site carregue todas essas mídias logo que o acesso é feito, assim carregando cada uma delas aos poucos conforme a área onde elas estão fique visível para o visitante.

Escolha da hospedagem

A escolha de um bom provedor de hospedagem é um dos fatores que pode influenciar diretamente na forma como o seu site será carregado, devido à qualidade dos servidores e tecnologias que fazem parte do seu ambiente de hospedagem.

Por isso, aqui na KangarooHost nossos planos de hospedagem são pensados justamente em máximo desempenho, com tecnologias como o LiteSpeed WebServer, que consegue permitir que seu site receba mais acesso simultaneamente com um menor consumo de hardware e fazendo esse processamento de forma muito mais ágil que outros WebServers como Apache e NGINX, tornando ele o mais rápido entre as opções disponíveis para sites PHP.

Além disso, o CloudLinux também é um forte aliado, ao isolar cada uma das hospedagens em containers isolados, o que permite que cada hospedagem seja única e uma jamais interfira no consumo de outra. Essa ferramenta também garante que seu site receberá exatamente o total de hardware que seu plano oferece.

Conclusão

Como mostramos no decorrer do texto, não existe um ponto-chave ou varinha mágica para otimizar o WordPress, sendo um resultado de um conjunto muito fatorial muito vasto, e que requer um certo carinho extra para entender os conceitos e testar o resultados.

Por isso, como uma forma de introduzir você a esses primeiros passos, recomendamos conferir o plugin LiteSpeed Cache, que contará com várias ferramentas que listamos aqui para que você possa começar a otimizar o desempenho do seu site como um todo, com foco na velocidade de forma um pouco mais simples e unificada dentro de uma mesma ferramenta.