| Técnica | O que faz | Quando usar no WordPress |
|---|---|---|
| preload | Baixa agora um recurso desta página com prioridade alta. | Fonte woff2, imagem do LCP, CSS crítico above-the-fold. |
| prefetch | Baixa em baixa prioridade um recurso da próxima página. | Página seguinte provável (próximo post, checkout). |
| preconnect | Abre a conexão (DNS, TLS) com um domínio externo. | Google Fonts, CDN de imagens, Cloudflare, fontes de terceiros. |
Legenda: a aba Preload do Perfmatters concentra preload de fontes, imagem do LCP e preconnect em um só painel.
### Passo 1: Identifique a imagem do LCP com o PageSpeed insights Rode a URL no PageSpeed Insights e abra o diagnóstico "Largest Contentful Paint element". Ele aponta o elemento exato que define o LCP, quase sempre a imagem de capa ou o logo do cabeçalho. Anote o caminho do arquivo. Esse é o único recurso de imagem que vale pré-carregar; qualquer outra imagem deve usar lazy load e ficar de fora do preload. ### Passo 2: Ative o preload da imagem do LCP no Perfmatters No painel do WordPress, vá em Perfmatters, aba Preload, e ligue "Preload Critical Images". O Perfmatters injeta o `` com `fetchpriority="high"` na imagem que ele detecta como prioritária. Confirme que a imagem detectada é a mesma do Passo 1. Em páginas com carrossel que troca o primeiro slide, o preload pode apontar para o recurso errado, então fixe a primeira imagem. ### Passo 3: Pré-carregue as fontes críticas com crossorigin Ainda na aba Preload, adicione o caminho de cada fonte woff2 usada acima da dobra no campo de preload de fontes. Marque sempre a opção de `crossorigin` quando a fonte vier de um domínio externo, como o Google Fonts ou um CDN. Limite a duas fontes no máximo: o peso da fonte é a regular e a bold do corpo do texto, nada além disso. ### Passo 4: Configure o preconnect para domínios externos Adicione preconnect para cada domínio de terceiros que entrega recurso crítico: o CDN de imagens, o domínio de fontes e o CDN do site. O preconnect abre a conexão DNS e TLS antes, economizando de 100 ms a 300 ms por domínio. Não adicione preconnect para domínios de analytics ou pixels, que não são críticos para a primeira pintura. ### Passo 5: Valide com o PageSpeed insights de novo Limpe o cache, abra uma aba anônima e rode a mesma URL no PageSpeed Insights. Compare o LCP antes e depois e confira se o "Preload Largest Contentful Paint image" saiu da lista de oportunidades. Se o LCP não melhorou ou piorou, você pré-carregou recurso demais: remova tudo menos a imagem do LCP e uma fonte, e meça de novo. --- ## Onde o preload de recursos no WordPress entra na pilha de performance O preload de recursos no WordPress é a última camada da pilha de performance, não a primeira. A ordem que rende é cache de página, depois CDN para encurtar a distância do arquivo, em seguida minificação de CSS e JS, e só então o preload para antecipar os 2 ou 3 recursos que sobraram. Ligar preload sobre um site sem cache não resolve: o gargalo continua no TTFB do servidor. Na prática, vemos no suporte da FULL que o preload muda o jogo só quando o site já tem essa base pronta. Sobre uma base lenta, ele apenas desloca a fila de download sem ganho real. O LCP baixo é o sinal que confirma se o preload pegou: se a imagem certa foi antecipada e o LCP caiu, funcionou. Se o LCP não se moveu, o recurso pré-carregado não era o que segurava a pintura, e a peça a corrigir está mais acima na pilha. --- ## Perfmatters, WP Rocket e FlyingPress: Qual usar para preload A escolha do plugin de preload de recursos no WordPress depende do que você já roda. O Perfmatters compete por controle granular leve, ocupando cerca de 100 KB; o WP Rocket compete por automação de cache em um clique; e o FlyingPress compete por defaults agressivos de Core Web Vitals prontos de fábrica. O Perfmatters desativa scripts por página e expõe preload de fontes e da imagem do LCP sem inflar o site. Nos testes que acompanhamos, ele tende a entregar o melhor controle quando você já tem um plugin de cache e só quer afinar o carregamento. Quem não tem cache nenhum costuma se dar melhor começando pelo WP Rocket como plugin de cache, que resolve cache e preload de uma vez. Veja o passo a passo oficial do Perfmatters para os nomes exatos de cada opção. --- ## Ative o Perfmatters no plano da FULL Ativar o Perfmatters avulso custa US$24,95 por ano por site, e somar Perfmatters, WP Rocket e os outros plugins premium um a um passa de R$1.500 por ano. No plano PRO da FULL, por R$849, você ativa o Perfmatters e todo o bundle de 17 plugins com um clique, o que dá cerca de R$85 por site quando você distribui entre os sites do plano. A gente vê no suporte da FULL que essa conta é o que faz a agência parar de comprar licença solta. Ative o bundle completo em FULL.services/planos e libere o Perfmatters em todos os seus sites de uma vez. --- --- ---Sim, funciona sem plugin: você pode adicionar a tag <link rel="preload"> manualmente no header do tema via hook wp_head. O custo é o risco: cada recurso exige editar código e refazer a cada troca de tema. Um plugin como o Perfmatters expõe os mesmos preloads em um painel e injeta o fetchpriority correto, sem tocar no código. Para um único site estático, o código manual basta; para vários sites, o plugin evita retrabalho.
Sim, em muitos casos o preload da imagem do LCP sozinho corta de 200 ms a 500 ms do tempo de pintura, sem trocar de servidor. O limite aparece quando o gargalo é o TTFB do servidor, e não a descoberta do recurso. Se o seu TTFB já passa de 600 ms, nenhum preload resolve: ali o problema é a hospedagem ou a falta de cache de página, e o preload entra só depois de corrigir a base.
Preload em excesso deixa o site mais lento porque disputa a banda dos primeiros 200 ms de carregamento. A recomendação é limitar a 2 ou 3 recursos críticos por página e sempre marcar crossorigin nas fontes externas. Pré-carregar cinco fontes e três scripts atrasa justamente a imagem do LCP, que era a prioridade, e fonte sem crossorigin dobra o download. Se o LCP piorou após ativar preload, remova tudo menos a imagem principal e uma fonte, depois meça de novo.
Preload baixa agora, com prioridade alta, um recurso desta página, como a fonte ou a imagem do LCP. Prefetch baixa em baixa prioridade um recurso da próxima página provável, como o checkout. Preconnect apenas abre a conexão de DNS e TLS com um domínio externo, como o Google Fonts, economizando de 100 ms a 300 ms, sem baixar arquivo. No WordPress, preload e preconnect costumam andar juntos quando a fonte crítica vem de um CDN externo.
O Perfmatters avulso sai por US$24,95 por ano por site no site oficial. No plano PRO da FULL, por R$849, ele entra junto com 17 plugins premium ativáveis em um clique, o que dá cerca de R$85 por site ao distribuir entre os sites do plano. Para quem gerencia vários sites, a conta do bundle costuma sair muito abaixo da soma das licenças avulsas de Perfmatters, WP Rocket e similares compradas separadamente.