← Diário de Construção

Cache de borda (Edge Cache): Transformando um WP dinâmico em algo tão rápido quanto estático

Aprenda a configurar o Edge Cache na Cloudflare para portais WordPress e garanta tempos de carregamento instantâneos sem abrir mão do painel admin.

A migração de um site WordPress para uma arquitetura Headless moderna usando Astro é o cenário ideal para alcançar máxima velocidade e segurança. No entanto, sabemos que nem sempre há tempo ou orçamento disponíveis para reescrever completamente um portal complexo que já está rodando.

Nesses casos, a melhor alternativa não é encher o painel do WordPress com plugins de cache pesados e instáveis. Em vez disso, podemos mover o cache inteiramente para fora do servidor, utilizando o Edge Cache (Cache de Borda) da Cloudflare.

O pesadelo do TTFB no WordPress tradicional

Quando um visitante acessa um site WordPress comum, o servidor de hospedagem precisa:

  1. Receber a requisição HTTP.
  2. Inicializar o núcleo do PHP e carregar dezenas de plugins.
  3. Fazer consultas (queries) ao banco de dados MySQL para montar o cabeçalho, conteúdo do post, widgets e rodapé.
  4. Processar o HTML resultante e, finalmente, devolvê-lo ao navegador do usuário.

Esse processo gera um Time to First Byte (TTFB) alto, muitas vezes passando de 1 a 2 segundos em hospedagens compartilhadas. O TTFB é o tempo que o navegador espera apenas para começar a receber os primeiros bytes de resposta da página. Se o TTFB é lento, todo o carregamento do site é prejudicado, impactando a pontuação no Google Core Web Vitals.

O que é Edge Cache e como ele funciona

A Cloudflare possui centenas de datacenters distribuídos globalmente (os chamados servidores de borda ou Edge). Por padrão, a Cloudflare faz cache apenas de arquivos estáticos como imagens, scripts CSS e JavaScript. O HTML da página passa direto para o seu servidor WordPress.

O Edge Cache (ou Cache Everything) muda essa regra. Ele força a Cloudflare a salvar uma cópia estática de todo o código HTML gerado pelas suas páginas de blog.

Dessa forma, quando um segundo visitante tentar acessar o mesmo post, a Cloudflare entrega o HTML estático diretamente do datacenter mais próximo a ele (muitas vezes em menos de 50ms), sem que a requisição precise sequer tocar no seu servidor de hospedagem.

Configuração prática na Cloudflare

Para implementar o cache de páginas HTML de forma segura sem quebrar o painel do WordPress, siga este roteiro no painel da Cloudflare:

  1. Acesse seu domínio e vá em Caching > Cache Rules.
  2. Clique em Create Rule.
  3. Defina a regra de correspondência para que o cache seja ativado na maioria dos acessos, mas ignore o painel administrativo. Por exemplo:
    • Se o URI Path não contém /wp-admin/
    • E o URI Path não contém /wp-login.php
    • E o cabeçalho Cookie não corresponde a .*wordpress_logged_in_.*
  4. Na ação da regra, em Cache eligibility, selecione Cache everything.
  5. Configure o Edge TTL para definir por quanto tempo a cópia do HTML ficará salva nos servidores da Cloudflare antes de verificar novas alterações no servidor de origem (ex: 2 a 4 horas para blogs comuns).

Evitando problemas com áreas dinâmicas e painel administrador

O maior perigo de fazer cache de HTML completo é expor páginas privadas de administração ou exibir conteúdo personalizado (como carrinhos de compra no WooCommerce) para visitantes errados.

Para evitar isso:

  • Bypass de Cookies: O passo 3 da regra é crucial. O cookie wordpress_logged_in_ é gerado pelo WordPress sempre que um usuário se autentica. Ao instruir a Cloudflare a fazer bypass (não aplicar) o cache quando esse cookie estiver presente, garantimos que qualquer pessoa logada continuará vendo a versão dinâmica em tempo real do site.
  • Integração com Plugins de Limpeza: Utilize plugins leves de cache no WordPress (como WP Super Cache ou LiteSpeed Cache) configurados para disparar uma limpeza automática no cache da API da Cloudflare sempre que você atualizar ou publicar um post. Isso garante que a borda seja atualizada instantaneamente sem esperar o Edge TTL expirar.

Ao mover o trabalho pesado de renderização para a rede global da Cloudflare, seu WordPress passará a carregar em milissegundos com uma carga de servidor praticamente zerada.

Fontes consultadas