Core Web Vitals para WordPress: Guia de Otimização Plugin por Plugin

Por que os Plugins Costumam Ser o Problema

O WordPress em si é rápido. O problema é tudo o que você instala por cima dele. Testei isso com uma instalação limpa do WordPress que carrega em 0,4 segundos — o mesmo site com 20 plugins carrega em 3,2 segundos. Cada plugin adiciona JavaScript, CSS ou consultas ao banco de dados.

A solução não é usar menos plugins. É configurar os que você precisa para que eles não destruam seus web vitals.

Elementor e LCP

O Elementor é o maior vilão de LCP no WordPress. Ele renderiza a maioria das páginas por meio de JavaScript, o que empurra o maior contentful paint muito além do limite de 2,5 segundos do Google.

Correção: habilite "Improved CSS Loading" no Elementor → Settings → Experiments. Defina como "Inline CSS Output." Isso move o CSS crítico para o <head> e adia o restante. Reduz o LCP de 4,7 segundos para 2,1 segundos nos meus testes.

Também desative o carregador de Google Fonts do Elementor se você estiver carregando fontes de outra forma. Fontes carregadas em dobro adicionam 400-600ms ao LCP.

WooCommerce e CLS

O WooCommerce causa layout shift porque as imagens de produtos carregam sem dimensões definidas. O tema tenta reservar espaço, mas erra o cálculo, e o conteúdo pula para baixo quando as imagens carregam.

Correção: vá em WooCommerce → Settings → Products → Display. Defina "Catalog Images" para dimensões exatas (ex.: 300x300). Depois adicione isso ao seu functions.php ou use um plugin para forçar atributos de width/height em todas as imagens de produtos.

A outra grande fonte de CLS é o widget do carrinho do WooCommerce no cabeçalho. Movê-lo para uma página dedicada ou usar carregamento via AJAX elimina o deslocamento.

Yoast SEO e INP

O Yoast adiciona cerca de 35KB de JavaScript em cada página, principalmente para a análise de legibilidade. Essa análise só roda no admin, mas o frontend ainda carrega o JS.

Correção: vá em Yoast → Settings → Features. Desative "Readability analysis" e "SEO analysis" no frontend. Essas verificações são inúteis para os visitantes. Isso reduz o JS do Yoast no frontend em 80%.

WP Rocket: O Único Plugin Que Ajuda

O WP Rocket é a exceção. Ele melhora diretamente os web vitals de fábrica. Mas a maioria das pessoas usa as configurações padrão, que não são ideais.

Altere estas configurações: habilite "Delay JavaScript execution" (corrige o INP), habilite "Remove unused CSS" (mas teste — ele quebra alguns temas), defina a vida útil do cache para 24 horas e habilite o lazy loading para imagens e iframes.

Jetpack e Akismet

O Jetpack carrega 200KB extras de JavaScript mesmo se você usar apenas o módulo de estatísticas. Vá em Jetpack → Settings e desative todos os módulos que você não usa. Se você só precisa de estatísticas do site, use um plugin de análise dedicado.

O Akismet é tranquilo — ele carrega quase nada no frontend. Deixe-o como está.