Como Configurar o Cloudflare Para Acelerar Seu Site

Passo a passo para ativar CDN, compressão, cache e otimizações modernas sem quebrar o site.

1) Pré‑requisitos

• Domínio com acesso ao registrar.
• Acesso ao painel do servidor (cPanel, Plesk ou SSH).
• Se for WordPress, acesso ao wp-admin.

2) Mover DNS para o Cloudflare

1. Crie a zona do seu domínio no Cloudflare e importe os registros DNS.
2. Nos registros essenciais (A ou CNAME do site), deixe a nuvem laranja (proxied).
3. Troque os nameservers no registrador para os fornecidos pelo Cloudflare.

Dica: mantenha MX e serviços de email com nuvem cinza (sem proxy).

3) SSL/TLS e HTTPS corretos

1. Em SSL/TLS, use Full (ou Full (strict) se o seu servidor tiver certificado válido).
2. Ative Always Use HTTPS e HSTS (opcional e com cautela).
3. Habilite HTTP/2, HTTP/3 e 0-RTT.
4. Ative Brotli e Early Hints.

Redireciono HTTPS no Apache (.htaccess)

# Forçar HTTPS atrás do Cloudflare
RewriteEngine On
RewriteCond %{HTTP:CF-Visitor} "https"
RewriteRule ^ - [E=HTTPS:on]

# Redirecionar para https (caso não esteja)
RewriteCond %{HTTPS} !=on
RewriteRule ^ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]

Se o WordPress perde o login após HTTPS

// wp-config.php
if ( isset($_SERVER['HTTP_X_FORWARDED_PROTO']) && $_SERVER['HTTP_X_FORWARDED_PROTO'] === 'https' ) {
  $_SERVER['HTTPS'] = 'on';
}

4) Registrar IP real do visitante (logs e segurança)

Ative o IP real para evitar confusão nos logs e em bloqueios.

Nginx (exemplo)

set_real_ip_from 173.245.48.0/20;
set_real_ip_from 103.21.244.0/22;
set_real_ip_from 103.22.200.0/22;
# ... (adicione todos os ranges do Cloudflare)
real_ip_header CF-Connecting-IP;

Apache (mod_remoteip)

RemoteIPHeader CF-Connecting-IP
RemoteIPTrustedProxy 173.245.48.0/20
RemoteIPTrustedProxy 103.21.244.0/22
# ... (adicione todos os ranges do Cloudflare)

Atualize periodicamente as faixas de IP do Cloudflare.

5) Cache e Regras modernas

1. Em Rules → Cache Rules, crie regras por caminho para maximizar cache:
   • Cache estáticos: example.com/wp-content/*, example.com/wp-includes/*
   • Bypass no admin: example.com/wp-admin/*, example.com/wp-login.php
   • Bypass em ?s= (busca) e carrinho/checkout de lojas.
2. Ative Tiered Caching e considere Cache Reserve se tiver alto tráfego.
3. Em Speed, habilite Auto Minify (HTML, CSS, JS). Teste antes em produção.

Headers de cache no servidor (exemplo Nginx)

location ~* \.(?:css|js|jpg|jpeg|png|gif|svg|webp|ico|woff2?)$ {
  add_header Cache-Control "public, max-age=31536000, immutable";
  try_files $uri =404;
}

Testar se está em cache

curl -I https://example.com/ | grep -Ei "cf-cache-status|age|cache-control"
# Procure por: CF-Cache-Status: HIT

6) APO para WordPress (grande ganho de velocidade)

1. Instale o plugin oficial Cloudflare no WordPress.
2. Conecte com a conta e ative o Automatic Platform Optimization (APO).
3. Limpe o cache após ativar e teste páginas logado vs anônimo.

APO entrega HTML estático na borda. O TTFB cai muito em páginas públicas.

7) Otimização de imagens

• Polish (planos pagos): converte para WebP/AVIF quando suportado.
• Image Resizing: entrega tamanhos ideais com parâmetros de URL.
• Serve static: garanta cache longo para /uploads/ e fontes.

8) Redirect Rules rápidas e limpas

Troque cadeias longas de redirecionamento por regras no Cloudflare.

# Exemplo em Rules → Redirect Rules
IF: http.host eq "www.seudominio.com"
THEN: Static Redirect to "https://seudominio.com" (301)

9) Bônus: Worker simples para cache agressivo

export default {
  async fetch(request, env) {
    const url = new URL(request.url);

    // Bypass em rotas dinâmicas
    if (url.pathname.startsWith("/wp-admin") || url.pathname.includes("checkout")) {
      return fetch(request);
    }

    const cacheUrl = new Request(request, {
      cf: { cacheEverything: true, cacheTtlByStatus: { "200-299": 600, "404": 60, "500-599": 1 } }
    });

    return await fetch(cacheUrl);
  }
};

Use com cuidado. Teste com ferramentas de purge e validação visual.

10) Diagnóstico rápido de performance

• Verifique TTFB e First Contentful Paint em uma aba anônima.
• Confirme CF-Cache-Status: HIT em páginas estáticas.
• Teste HTTP/3 com curl --http3 -I https://seudominio.com.
• Compare antes/depois no PageSpeed e no WebPageTest.

Checklist final

• DNS proxied (nuvem laranja) no site.
• SSL Full/Strict, HTTPS forçado, HSTS se necessário.
• HTTP/2, HTTP/3, Brotli, Early Hints ativos.
• Cache Rules: estáticos em HIT, admin em bypass.
• APO ativo no WordPress, se aplicável.
• Headers de cache no servidor para assets.
• IP real configurado em Nginx/Apache.
• Imagens otimizadas (Polish/Resizing/WebP/AVIF).
• Redirect Rules limpas (sem loops nem cadeias longas).

Perguntas Frequentes (FAQ)

Cloudflare quebra meu site?

Geralmente não. Separe cache de estáticos e bypass no admin. Teste em rota de staging. Desative minificação se houver conflito. Preciso de plano pago para acelerar?

O plano gratuito já ajuda muito. Recursos pagos (APO, Polish, Argo, Reserve) elevam o ganho em projetos maiores. Como sei se a página veio do cache?

Cheque o cabeçalho CF-Cache-Status. O valor HIT indica cache atendido na borda. Rocket Loader é recomendado?

Use com cautela. Pode melhorar JS em alguns cenários. Pode quebrar scripts em outros. Teste por página. APO funciona com qualquer tema WordPress?

Sim, na maioria. Evite páginas altamente dinâmicas. Ajuste purges em alterações de conteúdo. Como lidar com busca, carrinho e checkout?

Crie regras de bypass no cache. Respeite cookies de sessão. Mantenha HTTPS estrito. O que fazer se o IP do cliente aparece como Cloudflare?

Ative real IP no servidor. Use CF-Connecting-IP em Apache/Nginx. Atualize faixas de IP. Posso usar Cloudflare só para imagens?

Sim. Combine Polish/Resizing com cache longo. Reduza peso sem mudar código do tema. Preciso manter cache no servidor também?

Sim, ajuda. Use cache de origem para reduzir carga. Entregue headers fortes para estáticos. Como medir o ganho real?

Meça TTFB, FCP e LCP antes/depois. Compare com tráfego anônimo. Analise relatórios semanais.

Tags

cloudflare, cdn, desempenho web, otimização de site, cache, http/2, http/3, brotli, early hints, ssl, tls, wordpress, apo, page rules, cache rules, imagem webp, avif, web performance, ttfb, lcp, compressão, redirecionamento 301

“É necessário construir frases curtas. Toda otimização dividirá em, no mínimo, duas frases.”