Índice
1. Diagnóstico de Performance
Antes de otimizar, precisamos medir o estado atual. As ferramentas essenciais são:
GTMetrix
GTMetrix é a ferramenta mais completa para medir performance WordPress. Analisa:
- PageSpeed Score: Métricas Google Core Web Vitals
- YSlow Score: Best practices de frontend
- Fully Loaded Time: Tempo total de carregamento
- Total Page Size: Tamanho total da página
- Requests: Número de pedidos HTTP
PageSpeed Insights
Ferramenta Google focada em Core Web Vitals:
- LCP (Largest Contentful Paint): Tempo para carregar maior elemento
- FID (First Input Delay): Tempo de resposta primeira interação
- CLS (Cumulative Layout Shift): Estabilidade visual
2. Configuração de Cache
Cache é a técnica mais eficaz para acelerar WordPress. Implemente em múltiplos níveis:
Cache de Página (Page Caching)
Armazena HTML estático para servir diretamente sem processar PHP:
# .htaccess para cache estático
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/javascript "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
</IfModule>
Cache de Objeto (Object Caching)
Redis ou Memcached para cache de queries e objetos:
// wp-config.php
define('WP_REDIS_HOST', '127.0.0.1');
define('WP_REDIS_PORT', 6379);
define('WP_CACHE', true);
Cache de Navegador (Browser Caching)
Headers para cache no lado do cliente:
# Cache-Control headers
<IfModule mod_headers.c>
<FilesMatch "\.(css|js|png|jpg|jpeg|gif|ico|svg)$">
Header set Cache-Control "public, max-age=31536000"
</FilesMatch>
</IfModule>
3. Otimização de Imagens
Imagens representam 50-70% do peso total da página. Otimização crítica:
Compressão Automática
Plugins recomendados:
- Smush: Compressão lossless automática
- ShortPixel: Compressão lossy e lossless
- Imagify: WebP conversion automática
Lazy Loading
Carregar imagens apenas quando visíveis:
// WordPress 5.5+ lazy loading nativo
add_filter('wp_lazy_loading_enabled', '__return_true');
// Custom lazy loading
img loading="lazy"
src="image.jpg"
data-src="image.jpg"
Formatos Modernos
WebP reduz tamanho 25-35% vs JPEG:
<picture>
<source srcset="image.webp" type="image/webp">
<source srcset="image.jpg" type="image/jpeg">
<img src="image.jpg" alt="Description">
</picture>
4. Implementação de CDN
Content Delivery Network distribui conteúdo globalmente:
Cloudflare
Configuração essencial:
- Cache Level: Cache Everything
- Browser Cache TTL: 1 year
- Auto Minify: HTML, CSS, JS
- Brotli: Compressão avançada
Page Rules
Regras específicas para WordPress:
# Cloudflare Page Rules
*.wp-admin/* - Bypass cache
wp-login.php - Bypass cache
*.php - Cache disabled
/* - Cache everything (edge cache TTL: 1 month)
5. Otimização de Base de Dados
MySQL optimization para WordPress:
Limpeza de Base de Dados
Remover dados desnecessários:
- Post revisions
- Spam comments
- Transients expirados
- Optimization tables
Query Optimization
-- Adicionar índices essenciais
ALTER TABLE wp_posts ADD INDEX post_status (post_status);
ALTER TABLE wp_postmeta ADD INDEX meta_key (meta_key);
-- Otimizar queries
SELECT * FROM wp_posts
WHERE post_status = 'publish'
AND post_type = 'post'
ORDER BY post_date DESC
LIMIT 10;
6. Gestão de Plugins
Plugins impactam performance significativamente:
Análise de Performance
Monitorar impacto de cada plugin:
// Query Monitor para análise
add_action('wp_enqueue_scripts', function() {
global $wp_scripts;
foreach($wp_scripts->queue as $handle) {
error_log("Script: $handle");
}
});
Plugins Essenciais vs Pesados
- Leves: Cache, SEO básico, segurança
- Pesados: Page builders, sliders, galleries
- Alternativas: Code custom vs plugins
7. Medição e Monitorização
Monitorização contínua da performance:
Core Web Vitals
Métricas essenciais:
- LCP < 2.5s: Good
- FID < 100ms: Good
- CLS < 0.1: Good
Tools de Monitorização
- New Relic: APM completo
- Uptime Robot: Monitorização 24/7
- Google Search Console: Core Web Vitals
Conclusão
Otimização WordPress é um processo contínuo. Com estas técnicas, sites podem atingir:
- GTMetrix Grade A (90+)
- PageSpeed 90+ mobile/desktop
- LCP < 2s
- Tamanho página < 2MB
Para implementação profissional, considere formação avançada de otimização WordPress.