Como Otimizar o WordPress para Velocidade

Porque é que a velocidade de um site WordPress é importante?

A velocidade do site afeta diretamente a experiência do utilizador, o posicionamento em SEO e as conversões. O Google utiliza os Core Web Vitals (LCP, FID, CLS) como fatores de posicionamento, e os estudos mostram que 53% dos visitantes em dispositivos móveis abandonam um site que demora mais de 3 segundos a carregar. Cada segundo adicional de atraso reduz as conversões em cerca de 7%. Para sites WordPress, que alimentam mais de 43% da internet, a otimização da velocidade é crítica para o sucesso.

A boa notícia é que a maioria dos sites WordPress pode ser drasticamente acelerada com as definições e plugins certos - muitas vezes sem qualquer código. Neste guia abordamos todos os aspetos da otimização, do servidor ao front-end.

1. Plugins de caching

O caching é a otimização individual mais eficaz para o WordPress. Em vez de o servidor gerar a página a partir da base de dados em cada visita, a versão em cache é servida diretamente - o que é drasticamente mais rápido.

LiteSpeed Cache

Se o seu alojamento utiliza o LiteSpeed Web Server (como o alojamento WordPress da BeoHosting), o LiteSpeed Cache é a melhor escolha. É gratuito e funciona ao nível do servidor, o que o torna mais rápido do que plugins que funcionam ao nível do PHP.

• Page Cache: Ative-o e defina o TTL (Time to Live) para 604800 (7 dias) para páginas estáticas.
• Browser Cache: Ative-o para guardar ficheiros estáticos em cache nos navegadores dos visitantes.
• Object Cache: Ative se o servidor suportar Memcached ou Redis para fazer cache das consultas à base de dados.
• Otimização de CSS/JS: Minificação, combinação e carregamento assíncrono de ficheiros CSS e JavaScript.
• Otimização de imagens: Otimização de imagens incorporada com conversão para WebP.

WP Super Cache

Um plugin de caching simples e fiável da Automattic (criadores do WordPress). Ideal para principiantes, com definições mínimas. Gera ficheiros HTML estáticos e serve-os em vez de páginas PHP dinâmicas.

W3 Total Cache

O plugin de caching mais complexo, com mais opções. Suporta page cache, database cache, object cache, browser cache, minificação e integração de CDN. Exige mais conhecimentos técnicos para uma configuração ótima, mas oferece os melhores resultados para utilizadores avançados.

2. Otimização de imagens

As imagens são, normalmente, os recursos maiores de uma página web - frequentemente 50-80% do tamanho total. A otimização de imagens pode reduzir drasticamente os tempos de carregamento.

Formatos de imagem

• WebP: Um formato moderno que é 25-35% mais pequeno do que o JPEG com a mesma qualidade. Suportado por todos os navegadores modernos.
• AVIF: Um formato ainda mais recente, 20% mais pequeno do que o WebP, mas o suporte dos navegadores ainda é limitado.
• JPEG: Ainda bom para fotografias. Utilize uma qualidade de 80-85% para o melhor equilíbrio entre tamanho e qualidade.
• PNG: Utilize apenas para imagens que exijam transparência. Caso contrário, é demasiado grande para fotografias.
• SVG: Ideal para ícones, logótipos e ilustrações simples - escala sem perda de qualidade.

Plugins de otimização de imagens

• ShortPixel: Comprime automaticamente as imagens no upload. Oferece compressão lossy, glossy e lossless. Gratuito até 100 imagens por mês.
• Imagify: Dos criadores do WP Rocket. Compressão automática com conversão para WebP. Gratuito até 25MB por mês.
• Smush: Um plugin gratuito popular com compressão em massa. A versão Pro oferece limites maiores e opções avançadas.
• EWWW Image Optimizer: Pode comprimir localmente no servidor (não envia as imagens para um serviço externo).

Dimensões das imagens

Faça sempre o upload das imagens nas dimensões em que serão apresentadas. Não há necessidade de carregar uma imagem de 4000x3000 se ela for apresentada a 800x600. O WordPress cria automaticamente vários tamanhos (thumbnail, medium, large, full), mas o original continua a ocupar espaço no servidor.

3. Limpeza da base de dados

A base de dados do WordPress acumula ao longo do tempo dados desnecessários que tornam as consultas mais lentas. Uma limpeza regular pode acelerar significativamente o site.

O que limpar

• Revisões de publicações: O WordPress guarda cada revisão de cada publicação. Um site com 100 publicações pode ter mais de 1.000 revisões. Limite a 3-5 revisões adicionando a constante WP_POST_REVISIONS ao wp-config.php.
• Comentários de spam e no lixo: Os comentários no lixo e no spam continuam a ocupar espaço na base de dados.
• Transients: Dados temporários que os plugins guardam em cache na base de dados. Os transients expirados não são apagados automaticamente.
• Publicações em rascunho automático: O WordPress guarda automaticamente rascunhos enquanto escreve. Os rascunhos automáticos antigos acumulam-se.
• Metadados não utilizados: Os plugins removidos deixam muitas vezes metadados na base de dados.

Plugins de limpeza da base de dados

• WP-Optimize: Limpa a base de dados, comprime tabelas e pode agendar limpezas automáticas. Gratuito e fiável.
• Advanced Database Cleaner: Uma ferramenta mais detalhada que também identifica tabelas deixadas por plugins removidos.
• WP-Sweep: Um plugin simples para limpar revisões, rascunhos, comentários de spam e outros dados desnecessários.

4. CDN (Content Delivery Network)

Uma CDN distribui os ficheiros estáticos do seu site (imagens, CSS, JS, fontes) por servidores em todo o mundo. Os visitantes carregam os ficheiros a partir do servidor mais próximo, o que reduz a latência e acelera o carregamento.

Serviços de CDN populares

• Cloudflare: Um plano gratuito com CDN, proteção contra DDoS e SSL. O mais fácil de configurar - basta alterar os nameservers.
• BunnyCDN: Preço acessível (0,01 €/GB), excelente desempenho e integração fácil com o WordPress.
• KeyCDN: Pague à medida do consumo, sem mensalidade. Bom para sites com tráfego variável.
• Cloudflare APO: Especializado para WordPress - faz cache de toda a página no edge, não apenas dos ficheiros estáticos. 5 €/mês.

Integrar uma CDN com o WordPress

A maioria dos plugins de caching tem integração de CDN incorporada. No LiteSpeed Cache, aceda à secção CDN, ative a CDN e introduza o URL da CDN. O plugin substituirá automaticamente os URLs dos ficheiros estáticos pelas versões da CDN.

5. Lazy loading

O lazy loading adia o carregamento de imagens e iframes que não estão visíveis no ecrã. Em vez de o navegador carregar todas as imagens de uma vez, carrega-as apenas quando o utilizador faz scroll até elas. Isto acelera drasticamente o carregamento inicial da página.

Lazy loading nativo

Desde o WordPress 5.5, o lazy loading nativo está incorporado. O WordPress adiciona automaticamente loading="lazy" às imagens e iframes. Isto é suportado em todos os navegadores modernos e não requer plugins.

Lazy loading avançado

Para mais controlo, utilize um plugin como o a3 Lazy Load ou o WP Rocket, que oferecem: lazy loading para imagens de fundo (CSS background-image), lazy loading para vídeos incorporados (YouTube, Vimeo), imagens de substituição ou um efeito de desfoque enquanto a imagem carrega, e a desativação do lazy loading para imagens específicas (por exemplo, uma imagem hero que deve carregar de imediato).

6. Otimizações adicionais

Reduzir o número de plugins

Cada plugin acrescenta código PHP, CSS e JavaScript carregado em cada página. Reveja os plugins instalados e remova os que não utiliza ativamente. Para funcionalidades de que necessita apenas numa página, considere o carregamento condicional através do Asset CleanUp ou do Perfmatters.

Utilizar o PHP mais recente

O PHP 8.4 é significativamente mais rápido do que as versões antigas. Os benchmarks mostram que o PHP 8.4 é até 3x mais rápido do que o PHP 7.0 para o WordPress. No cPanel, pode alterar a versão do PHP na secção "MultiPHP Manager" ou "Select PHP Version".

Otimizar as fontes

• Alojar as fontes localmente: Em vez de carregar dos servidores do Google Fonts, aloje as fontes no seu próprio servidor. O plugin OMGF automatiza este processo.
• Utilizar font-display: swap: Mostra o texto imediatamente com uma fonte de recurso enquanto a fonte personalizada carrega.
• Limitar as variantes de fonte: Carregue apenas os pesos que realmente utiliza (por exemplo, 400 e 700, não os 9 todos).
• Utilizar WOFF2: O formato de fonte web mais eficiente, suportado em todos os navegadores modernos.

Pré-carregar recursos críticos

Utilize link rel="preload" para recursos críticos para a renderização inicial da página: imagem hero, fonte principal, CSS crítico. Isto indica ao navegador para começar a descarregar estes recursos o mais cedo possível, em vez de esperar que o parser os descubra no HTML.

Medir os resultados

Utilize estas ferramentas para medir a velocidade antes e depois da otimização:

• Google PageSpeed Insights: Fornece pontuações de Core Web Vitals e recomendações de melhoria concretas.
• GTmetrix: Análise detalhada com uma vista waterfall de todos os pedidos, tamanhos e tempos de carregamento.
• WebPageTest: Uma ferramenta avançada que pode testar a partir de diferentes localizações e dispositivos.
• Chrome DevTools (Lighthouse): Incorporado no Chrome - clique com o botão direito, Inspecionar, separador Lighthouse.

Conclusão

Otimizar um site WordPress para velocidade é um processo, não uma ação única. Comece pelo caching e pela otimização de imagens, pois são os que oferecem o maior impacto com o menor esforço. Depois adicione uma CDN, limpe a base de dados e implemente o lazy loading. Meça regularmente a velocidade e monitorize os Core Web Vitals no Google Search Console. Um site rápido significa visitantes satisfeitos, melhor posicionamento em SEO e mais conversões - o investimento na velocidade compensa sempre. Verifique o desempenho do seu site com o nosso teste de velocidade de sites.