O que é uma Content Delivery Network (CDN)?

Uma Content Delivery Network (CDN) é uma rede globalmente distribuída de servidores projetada para entregar o conteúdo do seu site mais rapidamente, servindo-o a partir de uma localização próxima de cada visitante. Em vez de cada requisição viajar até seu único servidor de origem, uma CDN coloca cópias em cache dos seus assets estáticos (imagens, arquivos CSS, JavaScript, fontes e às vezes até páginas HTML completas) em dezenas ou centenas de servidores de borda ao redor do mundo. O resultado é menor latência, carregamentos de página mais rápidos e uma melhor experiência para seus visitantes, independentemente de onde estejam.

Como CDNs entregam conteúdo por meio de servidores de borda

Para entender uma CDN, é útil acompanhar uma requisição passo a passo. Sem uma CDN, um visitante em Sydney que carrega um site WordPress hospedado em Frankfurt envia cada requisição HTTP através de aproximadamente 15.000 km de infraestrutura de rede. Cada imagem, folha de estilo e arquivo de script faz a mesma viagem de ida e volta. Com uma CDN em vigor, o fluxo muda significativamente:

1. Seu servidor de origem em Frankfurt mantém os arquivos originais. A CDN periodicamente (ou na primeira requisição) copia esses arquivos para seus servidores de borda.
2. Quando o visitante de Sydney solicita uma página, o roteamento DNS da CDN o direciona ao servidor de borda mais próximo, que pode estar na própria Sydney ou em Singapura.
3. O servidor de borda verifica seu cache local. Se o arquivo solicitado estiver lá e ainda for válido, ele serve o arquivo imediatamente. Isso é chamado de cache hit.
4. Se o arquivo ainda não estiver em cache (um cache miss), o servidor de borda o busca na origem, armazena-o localmente em cache e o serve ao visitante. Requisições futuras de visitantes próximos obtêm a versão em cache.

As localizações de servidores de borda da CDN são chamadas de PoPs (Points of Presence). Grandes provedores de CDN operam centenas de PoPs em todos os continentes. O Cloudflare, por exemplo, executa mais de 300 PoPs globalmente. O BunnyCDN opera cerca de 120 PoPs com forte foco em eficiência de custo.

CDNs Pull vs. CDNs Push

Há duas arquiteturas fundamentais de CDN, e entender a diferença importa ao escolher um provedor:

• CDN Pull: Os servidores de borda automaticamente puxam conteúdo do seu servidor de origem quando um visitante o solicita. Esse é o modelo mais comum e o usado por Cloudflare, BunnyCDN e KeyCDN. Você não precisa enviar arquivos manualmente. A CDN cuida de tudo nos bastidores. Para sites WordPress, CDNs pull são quase sempre a escolha certa porque seu conteúdo muda regularmente e a CDN se adapta automaticamente.
• CDN Push: Você envia arquivos manualmente para o armazenamento da CDN, e ela os distribui a partir de lá. O Amazon S3 combinado com o CloudFront pode funcionar dessa forma. CDNs push dão mais controle sobre exatamente o que é colocado em cache, mas requerem mais configuração e manutenção. São mais adequadas para grandes bibliotecas de mídia ou plataformas de streaming de vídeo.

O que é colocado em cache em uma CDN

Por padrão, CDNs colocam em cache assets estáticos. São arquivos que não mudam entre visitantes:

• Imagens: arquivos JPEG, PNG, WebP, AVIF, SVG, GIF da sua biblioteca de mídia e tema
• Folhas de estilo: arquivos CSS do seu tema e plugins
• Scripts: arquivos JavaScript, incluindo jQuery e scripts de plugins
• Fontes: arquivos de web font (WOFF2, WOFF, TTF) carregados pelo seu tema
• Documentos: PDFs para download e outros documentos estáticos

Algumas CDNs também oferecem cache de página inteira, em que toda a saída HTML de uma página WordPress é colocada em cache na borda. O APO (Automatic Platform Optimization) do Cloudflare para WordPress faz exatamente isso e pode reduzir drasticamente o Time to First Byte (TTFB). Com cache de página inteira na CDN, seu servidor de origem mal precisa fazer qualquer trabalho para visitantes anônimos.

Provedores populares de CDN para sites WordPress

O mercado de CDN oferece opções para todo orçamento e caso de uso. Aqui estão os provedores mais comumente usados com WordPress:

• Cloudflare: Oferece um plano gratuito generoso que inclui CDN, hospedagem DNS, proteção DDoS básica e um Web Application Firewall (WAF). O plano gratuito é genuinamente útil e suficiente para muitos sites WordPress pequenos a médios. O Cloudflare opera como um proxy reverso completo, o que significa que todo seu tráfego flui pela rede deles. Isso é diferente de CDNs tradicionais. Seu complemento APO pago (US$5/mês) coloca em cache páginas completas do WordPress na borda para um TTFB extremamente rápido globalmente.
• BunnyCDN: Um dos provedores de CDN mais acessíveis, com cerca de US$0,01 por GB na maioria das regiões. Rápido, simples de configurar e bem visto na comunidade WordPress. O BunnyCDN oferece um plugin WordPress chamado Bunny.net para fácil integração. Também fornece otimização de imagem e Bunny DNS.
• StackPath: Uma CDN com WAF integrado e proteção DDoS. O StackPath oferece bom desempenho na América do Norte e na Europa. É mais voltado para empresas que o BunnyCDN, mas oferece um conjunto sólido de recursos.
• KeyCDN: Uma CDN pague-conforme-usar com preços competitivos e excelente cobertura na Europa. O KeyCDN fornece um plugin WordPress chamado CDN Enabler (feito pela mesma empresa) que reescreve URLs de assets para apontar para a CDN automaticamente.
• Amazon CloudFront: Parte do ecossistema AWS. O CloudFront é poderoso e altamente configurável, mas mais complexo de configurar do que as alternativas. É a melhor escolha se seu site WordPress já roda em infraestrutura AWS (EC2, S3, RDS). Os preços podem ser difíceis de prever, pois são baseados no uso em várias dimensões.

Como configurar uma CDN para o WordPress

Há duas abordagens principais para integrar uma CDN com seu site WordPress:

• Método CNAME DNS: Você cria um subdomínio como cdn.seudominio.com e o aponta para o provedor de CDN por meio de um registro DNS CNAME. Um plugin WordPress então reescreve as URLs dos seus assets para usar esse subdomínio da CDN. Esse método funciona com BunnyCDN, KeyCDN e CloudFront.
• Método de proxy completo: O DNS de todo o seu domínio aponta para o provedor de CDN, e todo o tráfego flui pela rede deles. O Cloudflare usa essa abordagem. Você muda os nameservers do seu domínio para os do Cloudflare, e eles cuidam de tudo. Esse método também habilita cache de página inteira e recursos de segurança.

Vários plugins WordPress simplificam a configuração de CDN:

• CDN Enabler: Um plugin gratuito leve da KeyCDN. Reescreve URLs em seu HTML para apontar para o hostname da sua CDN. Simples e eficaz.
• WP Rocket: Inclui um recurso de CDN integrado em que você simplesmente insere a URL da CDN e ele cuida da reescrita de URLs. O WP Rocket também integra-se diretamente com o Cloudflare para limpeza de cache.
• W3 Total Cache: Suporta vários provedores de CDN e oferece opções detalhadas de configuração de CDN. Pode enviar arquivos para armazenamento da CDN ou reescrever URLs para CDNs pull.

Impacto no desempenho ao usar uma CDN

Os ganhos de desempenho de uma CDN dependem da distribuição geográfica do seu público e da localização do seu servidor de origem. Aqui estão alguns números realistas baseados em cenários comuns:

• Melhoria de TTFB: Para visitantes distantes do seu servidor de origem, o TTFB pode cair de 800-1200ms para 50-200ms com cache de página inteira na CDN. Essa é uma melhoria de 4x a 10x.
• Entrega de assets estáticos: Tempos de carregamento de CSS/JS/imagem tipicamente melhoram 40-70% para visitantes internacionais.
• Carregamento geral da página: Dependendo de quão pesadas em assets são suas páginas, os tempos totais de carregamento de página podem melhorar 30-60% para visitantes em regiões distantes.

Para um site WordPress hospedado na Europa com público global, uma CDN é uma das otimizações de desempenho mais impactantes que você pode fazer.

Benefícios de segurança das CDNs

CDNs modernas fazem mais do que apenas acelerar as coisas. Também protegem seu site:

• Proteção DDoS: Provedores de CDN absorvem ataques volumétricos por sua rede global. Mesmo o plano gratuito do Cloudflare inclui mitigação de DDoS sempre ativa que lida com ataques de qualquer tamanho.
• Web Application Firewall (WAF): Cloudflare, StackPath e outras CDNs oferecem regras de WAF que bloqueiam ataques comuns ao WordPress (injeção SQL, XSS, tentativas de login por força bruta) na borda, antes que requisições maliciosas cheguem ao seu servidor.
• Terminação SSL/TLS: CDNs podem cuidar de certificados SSL para você, criptografar o tráfego entre o visitante e o servidor de borda e, opcionalmente, criptografar a conexão entre a borda e sua origem.
• Proteção contra bots: CDNs podem identificar e bloquear bots maliciosos, scrapers e crawlers que desperdiçam recursos do seu servidor.

Quando você não precisa de uma CDN

Uma CDN nem sempre é necessária. Em algumas situações, a complexidade adicional não vale a pena:

• Público local: Se seu site WordPress atende a um público puramente local (por exemplo, um restaurante em Munique apenas com visitantes alemães), e seu servidor já está na Alemanha, uma CDN adiciona benefício mínimo para assets estáticos. No entanto, o plano gratuito do Cloudflare ainda fornece DNS, SSL e recursos de segurança que valem a pena usar.
• Tráfego muito baixo: Se seu site recebe menos de algumas centenas de visitantes por dia, seu servidor de origem pode lidar com a carga sem problemas. Uma CDN ainda melhorará a velocidade ligeiramente, mas pode não ser uma prioridade.
• Hospedagem WordPress gerenciada: Alguns hosts WordPress gerenciados como Kinsta, WP Engine ou Cloudways incluem uma CDN em seus planos de hospedagem. Nesse caso, você já tem uma e não precisa de um provedor separado.

O que o InspectWP verifica

O InspectWP detecta o uso de CDN analisando cabeçalhos de resposta e registros DNS. Ele identifica se seu site roteia tráfego por meio de um provedor de CDN como Cloudflare, Sucuri ou outros. Se seu site atende a um público global e nenhuma CDN é detectada, isso é sinalizado como uma possível melhoria de desempenho. O relatório também mostra qual provedor de CDN está em uso, para que você possa verificar se sua configuração de CDN está funcionando corretamente.