Como melhorar a performance do WordPress no Core Web Vitals
O que medir (LCP, CLS e INP)
- LCP (Largest Contentful Paint): rapidez da maior peça visível (imagem/título).
- CLS (Cumulative Layout Shift): estabilidade do layout (evite saltos).
- INP (Interaction to Next Paint): responsividade após interações.
Checklist de otimização
- Imagens: WebP/AVIF, srcset/sizes, lazy e dimensões fixas (reduce CLS).
- Fonts: preconnect à CDN, preload da principal e
font-display: swap.
- CSS crítico: inliner o CSS do above the fold e adiar o restante.
- Scripts:
defer/async; remova JS não usado e widgets pesados.
- Cache: página + objeto (Redis/Memcached); cabeçalhos corretos.
- CDN: entregue estáticos por CDN e ative HTTP/2/HTTP/3.
- Servidor: PHP 8.x, OPcache, HTTP/2+, GZIP/Brotli e TTFB baixo.
- Banco: limpeza de transients/revisões; índices e consultas lentas.
- Plugins/tema: mantenha somente os necessários; temas leves.
- Preload: imagem LCP com
rel=preload (se for realmente a maior).
Ferramentas
- PageSpeed Insights, Lighthouse e WebPageTest (comparar mobile/desktop).
- Coverage (Chrome) para detectar CSS/JS não utilizados.
- Query Monitor para gargalos de banco/consultas.
Dica: priorize ganhos rápidos (imagens e fontes) e depois ajuste scripts, cache e banco. Monitore com CrUX/Field Data.
Fonte: Redação
