Você é paciente e prefere aguardar o carregamento de um blog ou site lento para consumir um conteúdo, fazer uma compra ou acaba clicando no botão de voltar para encontrar outra opção mais rápida?

A menos que seu produto ou serviço seja muito escasso ou tenha uma qualidade tão alta, a maioria dos usuários não tem “todo o tempo do mundo” para aguardar esses segundos intermináveis.

O objetivo deste artigo é mostrar algumas práticas para melhorar velocidade do WordPress, bem como, apresentar ações você deve adotar desde então para não prejudicar mais o seu site, blog ou e-commerce ao longo do tempo.

Por que otimizar o seu site?

Vejamos algumas conclusões extraídas da pesquisa “Miliseconds make Millions“, realizada pela Deloitte e Google em junho de 2020, sobre a importância de ter um site rápido:

Ao ver o estudo acima, não é difícil criar o senso de urgência em manter um site o mais otimizado possível e garantir algum retorno financeiro com isso, então bora virar a mesa?

1. Escolha uma hospedagem veloz

Ter um boa hospedagem, sem dúvidas, é um dos principais pontos que determina o tempo que uma página será carregada do lado do usuário, e contar com um host que responde rápido às requisições fará toda a diferença.

2. Tenha um bom tema

Um tema em WordPress é basicamente um “esqueleto” para tudo o que será personalizado para que seu site tenha a sua identidade. Seu tema irá te acompanhar da criação do site até a exclusão. Dito isso, é fundamental que o seu tema seja otimizado para diferentes dispositivos e atualizado com frequência pelo desenvolvedor do tema.

Nesta página oficial do sistema você encontra várias opções gratuitas populares. Não deixe de verificar as avaliações, última vez em que foi atualizado e recursos que cada um oferece.

3. Utilize um construtor de sites rápido

Construtores de página são verdadeiros aliados da produtividade quando tratamos de construir páginas ou sites inteiros, por isso a responsabilidade na escolha deve ser grande. Opte por uma solução rápida, com uma equipe de desenvolvedores confiáveis por trás e que sempre esteja a par das últimas tendências do sistema de conteúdos.

Deixo uma lista de comparação entre os principais “players” feita pela Pagely mostrando os “vilões” para a velocidade de carregamento do WordPress. Depois dessa lista talvez você considere mudar.

4. Desinstale plugins desnecessários

Deixar aquele plugin que você não utiliza em seu website mesmo que desativado, certamente não é uma boa ideia. Além de deixar o seu site lento, se torna uma brecha de segurança caso você não o atualize.

Faça o levantamento de todos os plugins do seu website junto a função de cada um e comece a limpeza.

Dica importante: se você não entendeu ao certo o que um plugin instalado faz, pesquise e pergunte ao responsável técnico se é necessário mantê-lo para o funcionamento do site. Nada de deixar plugin pegando “teia de aranha”, nem desinstalar algum que possa ser importante sem saber, ok?

5. Plugin de compressão e otimização de imagem

Optar por um plugin de otimização de imagens é uma ótima opção para reduzir em massa o tamanho das imagens que já estão em seu site.

As configurações irão depender de seus objetivos, pois quanto maior o nível de compressão aplicado, você gradativamente abre mão da qualidade.

Utilizando o ShortPixel, solução específica de imagens, por exemplo, é possível encontrar diferentes níveis de compressão:

1. Lossless: não há perda de qualidade, apenas redução no tamanho do arquivo;
2. Lossy: é a opção mais escolhida pelos usuários, no qual a perda na qualidade chega a ser imperceptível.
3. Glossy: maior perda de qualidade e ganho em redução no tamanho do arquivo.

Além do citado, o Smush e Optimole também são ótimas opções.

6. Plugins de performance

Os plugins de performance são uma boa pedida para minificar os códigos do seu website, ativar o lazy loading (carregamento adiado) ou dividir as requisições em CDNs (falaremos sobre elas no próximo tópico).

Podemos desde ativar configurações mais simples que não comprometem nenhum elemento visual até desativar algumas animações e elementos visuais presentes no código.

Minifique códigos JavaScript, CSS e HTML

A minificação é um processo de remoção de caracteres desnecessários e espaços em branco que melhoram a performance da execução de um código.

Compare os trechos de HTML abaixo:

Primeiro:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

Segundo:

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> </body></html>

Visualmente falando, a primeira é mais organizada para nós humanos, mas as máquinas não precisam da mesma legibilidade de uma pessoa para executar. Logo, retirando as quebras de texto faz com que o arquivo seja executado mais rapidamente.

Ative o carregamento de JavaScript e CSS em linha

Fazer isso ajuda o seu website a carregar arquivos complementares mais rapidamente, visto que deixa seu código JavaScript ou CSS em linha em uma mesma página HTML como visto nos trechos de código acima.

Utilize Lazy-Loading sempre que for possível

Você já entrou em um site no qual a primeira parte da tela foi carregada e a medida que você consumia o conteúdo o restante foi aparecendo? Pois, neste caso se tratam de sites com o recurso de lazy-loading, ou carregamento adiado.

Se o seu site explora outros muitos recursos na primeira tela como imagens, vídeos entre outros elementos, procure uma forma de adiar o carregamento desses recursos, uma vez que tais recursos podem elevar o tempo necessário para carregar a página e se tornar navegável para seus usuários.

7. Configure uma rede CDN

Uma CDN, ou Redes de Distribuição de Conteúdo, são diferentes servidores distribuídos que trabalham em conjunto para oferecer uma rápida entrega de conteúdos, que vão desde páginas simples HTML a arquivos em JavaScript, CSS e mídias.

Contar com um serviço desse tipo, é uma ótima opção para aprimorar a velocidade de carregamento do seu site, pois com ela os servidores mais próximos à localidade do seu visitante são acionados, fornecendo uma experiência de carregamento mais rápida e personalizada para seus usuários.

A Cloudflare é uma excelente opção, já que, além de oferecer um plano gratuito, é fácil de configurar e possui vasta e extensa documentação disponível em português.

8. Trate o cache do seu site

O cache é a reutilização de visual que o usuário teve do seu website há um tempo, visando carregamento mais rápido a partir da reutilização desses dados.

Tratar o cache não só irá melhorar o tempo de carregamento, como você irá salvar o consumo de recursos do servidor e melhorar o seu ranqueamento perante aos buscadores.

O WP Rocket já mencionado acima ou o W3 Total Cache são considerados ótimos plugins quando se trata do assunto.

9. Crie hábitos saudáveis para melhorar velocidade do WordPress daqui em diante

Tenha em mente que a maneira como tratamos nosso site no dia a dia definirá provavelmente o quanto tempo seu esforço otimizando tudo o que foi dito acima será válido. 

Para manter consistência, a dica é construir um checklist personalizado se for necessário para passar alguns itens sempre que for adicionar uma página ou post em seu WordPress.

Utilize regularmente ferramentas para análise de performance

Existem inúmeras ferramentas de desempenho disponíveis por aí, em que cada uma testa seu site em diferentes regiões do mundo e dispositivos.

Algumas das principais são:

1. Pagespeed Insights;
2. GT Metrix;
3. WebPageTest;
4. Pingdom Tools.

Independente da ferramenta utilizada, a maioria dos dados se complementam. Dito isso, não deixe de testar mais de uma ferramenta diferente e se for o caso, combine os dados periodicamente para fazer melhorias recorrentes em seu site.

Gostou das dicas? Não deixe de entrar na discussão abaixo, ou compartilhar o texto para ajudar mais pessoas!