/wp-performance

Boas práticas para Performance no WordPress

wp-performance

Boas práticas para Performance no WordPress

O objetivo maior é fornecer uma experiência de frontend muito rápida e para isso é preciso engenharia avançada e não apenas "plugins".

A performance deve ser uma preocupação constante ao longo do desenvolvimento e não deve ser tratada como uma tarefa única. Este guia tem como objetivo reunir boas práticas de engenharia e ferramentas e ser um bom ponto de partida para melhorar a performance de um site WordPress (i.e. um site assente em WordPress.org com um tema feito de raiz ou pelo menos onde tem controle sobre o código).

Índice

  1. Introdução
  2. Ordem de Prioridades
  3. Bom Alojamento
  4. Boas Práticas de Programação
  5. Otimização de Imagens
  6. Configuração de Caching
  7. Otimização da Base de Dados
  8. Medidas de Segurança
  9. Ferramentas Úteis
  10. Conclusão

Introdução

A performance de um site WordPress envolve várias etapas e boas práticas. Não se trata apenas de ativar plugins de cache e otimizar imagens. É necessário adotar uma abordagem holística e contínua, integrando boas práticas de engenharia e utilizando ferramentas adequadas.

Em termos de performance tudo passará por escolhas. Que alojamento? Que plugins? que versão do PHP? que versão da base de dados, etc etc. e que combinação de todas estas opções funciona melhor em termos de performance para o caso em questão e budget disponível. Isto assumindo que não existem questões de programação mal feitas pois código mal feito ou lento será problemático em qualquer infra-estrutura/configuração.

Ordem de Prioridades

Para melhorar a performance no WordPress, recomenda-se a seguinte ordem de prioridades:

  1. Bom Alojamento
  2. Boa Programação e Boas Práticas
  3. Otimização de Imagens
  4. Configuração de Caching
  5. Otimização da Base de Dados
  6. Medidas de Segurança

Cada uma destas "camadas" constrói-se em cima da anterior. Se uma não tiver bem provavelmente fazer as outras pode não trazer melhorias significativas, e.g. se o alojamento ou a programação não estiverem bem tudo o resto será apenas "pôr batom no porco".

Bom Alojamento

Um bom alojamento é fundamental para a performance do PHP/WordPress. Isso já sabemos. O que devemos ter em atenção?

Se não for viável mudar para um alojamento especializado em WordPress tentar garantir pelo menos que a versão do PHP é a mais recente e que os módulos de otimização no servidor estão ligados (dependente do alojamento estas opções serão diferentes mas o suporte poderá ajudar a verificar).

Boas Práticas de Programação

Adotar boas práticas de programação e engenharia é essencial para garantir a performance e escalabilidade do site. Seguem algumas recomendações baseadas no guia da 10up:

  • Lazy Loading: Carregar os recursos (images, scripts, styles, ..) apenas quando necessário.
  • Async e Defer: Utilizar atributos async e defer em scripts para melhorar o carregamento.
  • Delegar Tarefas Pesadas: Mover tarefas pesadas para serviços externos ou micro-serviços, tirar o peso de cima do PHP/WordPress, e.g. scripts que precisem efetuar tarefas em bulk ou ter tempos de espera grandes.
  • Pesquisa: na pesquisa é uma boa prática delegar para um serviço externo e.g. Elasticsearch ou algo similar. A Cloudways já disponibiliza Elasticsearch de base, ver este artigo.
  • Carregamento Condicional de Scripts e Estilos: Carregar scripts e estilos apenas onde são necessários, evitando carregamento desnecessário em todas as páginas.
  • Minimizar Queries ao Banco de Dados: Evitar usar posts_per_page => -1 e otimizar queries para melhorar a performance.
  • Caching: Utilizar técnicas de caching para armazenar dados frequentemente acessados e reduzir o tempo de carregamento. Isso pode ser feito em vários níveis, incluindo o cache do navegador, o cache do servidor e o cache do banco de dados.
  • CDN (Content Delivery Network): Utilizar uma CDN para entregar conteúdo estático, como imagens e scripts, pode melhorar significativamente a velocidade de carregamento do site, especialmente para usuários que estão geograficamente distantes do servidor.
  • Otimização de Imagens: As imagens devem ser otimizadas para a web, reduzindo seu tamanho sem comprometer a qualidade. Isso pode ser feito através de várias técnicas, como compressão de imagens, uso de formatos de imagem modernos (como WebP) e carregamento de imagens responsivas.
  • Testes de Performance: Realizar testes de performance regularmente para identificar gargalos e oportunidades de otimização. Ferramentas como Google Lighthouse e WebPageTest podem ser úteis para isso.
  • Segurança: Implementar práticas de segurança, como o uso de HTTPS, atualização regular de software e plugins, e limitação de acesso ao painel de administração, é crucial para proteger o site contra ataques.

Otimização de Imagens e Offloading

A otimização de imagens é crucial para reduzir o tempo de carregamento da página. Algumas práticas incluem:

  • Utilizar formatos de imagem modernos como WebP.
  • Redimensionar imagens para as dimensões exatas necessárias antes de fazer o upload.
  • Compressão automática de imagens.

O offloading consiste em carregar as imagens através de um serviço externo. A Cloudflare permite converter as imagens em WebP e fazer o offload de media, ver e.g. este artigo.

Ferramenta recomendada: https://squoosh.app/

Configuração de Caching

Configurar corretamente caching pode melhorar significativamente a performance. As boas práticas neste caso incluem:

  • Utilizar um plugin de cache confiável (há muitas opções e será uma questão de preferência pessoal no final do dia).
  • Configurar a cache do browser para armazenar recursos estáticos (é normalmente uma opção do plugin de cache).
  • Implementar object cache com Redis ou Memcached (alguns alojamentos suportam já de base mas podem não estar ativo).

Otimização da Base de Dados

A base de dados deve ser otimizada regularmente para manter a performance. Algumas dicas incluem:

  • Minimizar o número de linhas na tabela post_meta.
  • Manter debaixo de olho o número de linhas na tabela wp_options com "autoload=true", ver este artigo
  • Utilizar índices nas tabelas da base de dados.
  • Remover dados obsoletos e revisões de posts antigas/não utilizadas.
  • Limitar o número de revisões a serem guardadas na base de dados, ver este artigo.

Medidas de Segurança

A maior parte das pessoas não se apercebe que as medidas de segurança não só protegem o site como também podem melhorar a performance (e.g. aliviando o servidor). Algumas boas práticas incluem:

  • Utilização de Cloudflare ou outra Web firewall (WAF) para bloquear e filtrar tráfego malicioso antes de chegar ao servidor.
  • Se não for possível utilizar uma WAF pode utilizar plugins de segurança como Wordfence ou Sucuri contudo a performance poderá ser afectada pois o processamento destes plugins ocorre dentro do PHP/WordPress.

Ferramentas Úteis

  • Plugin Query Monitor: Permite fazer debugging às queries que são feitas à base de dados.
  • GTmetrix e Google PageSpeed Insights: Para análise de performance e sugestões de melhorias.
  • New Relic: Para monitoring de performance, nomeadamente tempos de resposta, logs, etc.

Conclusão

A performance de um site WordPress é um esforço contínuo que envolve boas práticas de programação, configuração adequada de caching, otimização de imagens e medidas de segurança.

O objetivo maior é ter uma experiência de frontend muito rápida e para isso precisamos de engenharia avançada e não apenas "plugins".