WordPress CDN: um guia definitivo para aumentar sua visibilidade global

Com o passar dos anos, velocidades de carregamento cada vez mais rápidas se tornaram uma das principais prioridades dos sites. Mas vem de mãos dadas com conteúdos e funcionalidades mais ricos que precisam acompanhar uma demanda cada vez maior por interatividade do usuário. Muitos proprietários de sites, portanto, acham um desafio entregar seu conteúdo em uma velocidade mais rápida para os usuários finais em todo o mundo.

Diante disso, muitos sites começaram a usar o WordPress CDN (Content Delivery Network). Essa tecnologia ajuda a entregar o conteúdo do site com mais rapidez para todos os usuários, não importa onde estejam. Neste guia prático, você aprenderá o que é um CDN, por que ele é importante para o WordPress e como usar o CDN do WordPress.

1. O que é um CDN (Content Delivery Network)?

Como o nome indica, um CDN tem algo a ver com a entrega de conteúdo. Mas qual conteúdo e como? Bem, ele entrega o conteúdo estático, streaming e dinâmico do seu site WordPress, incluindo arquivos de mídia, arquivos CSS e JavaScript.

A outra parte, ou seja, a rede, é a essência desse sistema de entrega. O conteúdo que discutimos anteriormente está hospedado nessa rede de servidores espalhados pelo mundo e, quando o usuário envia uma solicitação de seu navegador, ela é tratada pelo servidor mais próximo para evitar latência.

Fato: 1 segundo de atraso no tempo de carregamento da página pode causar uma perda de 7% na conversão, 11% menos visualizações de página e uma diminuição de 16% na satisfação do cliente.

Digamos que você tenha lançado um servidor em hospedagem gerenciada WordPress Cloudways e escolhido o data center em Londres, Reino Unido. É aqui que o seu site WordPress é fisicamente hospedado e todas as solicitações são tratadas a partir daqui. Seu site será muito rápido para os usuários da Europa, mas pode carregar um pouco mais devagar para os usuários de Tóquio ou Manila. Isso porque Londres fica mais longe de Tóquio do que Paris ..

O melhor CDN para WordPress diminuiria essa distância, entregando conteúdo ao usuário a partir do servidor mais próximo. Para reduzir a distância entre o usuário e o conteúdo da web, o CDN mantém uma cópia em cache do conteúdo em vários servidores localizados em todo o mundo.

2. Quem precisa do CDN do WordPress?

Quase todos os sites WordPress precisam de um CDN, e o número de sites que usam o CDN está aumentando exponencialmente. As empresas que operam em várias localizações geográficas contam com esses serviços CDN pelos mesmos motivos discutidos anteriormente neste artigo. No entanto, se você estiver executando um site que visa apenas usuários do mesmo local de sua hospedagem na web, usar um CDN não é o ideal. Na verdade, isso pode causar uma experiência ruim para o usuário, pois os usuários podem enfrentar atrasos devido à interferência desnecessária de conexões extras entre o usuário e a hospedagem.

Vamos ver que tipo de empresa usa o CDN para WordPress para acelerar seus sites WordPress.

• Comércio eletrônico
• Blogs
• Agencias de propaganda
• Mídia e entretenimento
• Sites de streaming
• Sites de jogos online
• Educação online
• Cuidados de saúde

3. Por que o CDN é importante para o WordPress?

Com o tempo, a Content Delivery Network (CDN) melhorou muito. Ter um CDN WordPress no site WordPress tem muitas vantagens que não podem ser ignoradas. Vamos ver em detalhes!

• Tempo de carregamento mais rápido : reduz o tempo de carregamento da página, com conteúdo prontamente disponível na rede de servidores CDN.
• Controle de alto tráfego : como o conteúdo é entregue de várias fontes, um site que usa um CDN para WordPress dificilmente enfrenta tempo de inatividade ou baixo desempenho, mesmo quando experimenta um volume de tráfego maior.
• Economiza largura de banda : um CDN também reduz o consumo de largura de banda, pois limita o fluxo direto de solicitações dos usuários para a hospedagem na web, entregando o próprio conteúdo.
• Segurança : a rede CDN está espalhada e é capaz de resistir a ataques DDoS moderados. Alguns provedores de CDN também têm um mecanismo ativo instalado para identificar esses ataques, spammers e bots. Ele adiciona uma camada extra de segurança, especialmente para os sites WordPress onde os clientes pagam usando suas informações de cartão de crédito.
• Melhor classificação de SEO : Não é segredo que o Google classifica os sites mais rápidos melhor. É difícil determinar o quanto a velocidade pode prejudicar a classificação de SEO, mas é óbvio que afeta mal a experiência do usuário, o que o Google desencoraja.
• Experiência do usuário aprimorada : WordPress CDN no site WordPress não melhora apenas a experiência do usuário no desktop, mas também em dispositivos móveis, carregando as páginas da web mais rapidamente. Um grande número de pessoas agora usa seus telefones celulares para navegar na Internet. O Google também iniciou uma iniciativa de busca compatível com dispositivos móveis, o que significa que os sites otimizados para dispositivos móveis terão uma vantagem nos resultados de pesquisa.

Fato: a receita aumentou 1% para cada 100 ms de decréscimos nos tempos de carregamento da página.

Teste de velocidade WordPress CDN

Vamos ver um CDN em ação testando-o em um site WordPress hospedado em Cloudways. Nosso servidor está localizado em Fremont, EUA. Testamos a velocidade de vários locais antes e depois de integrar o CloudwaysCDN .

San Jose, Califórnia, EUA

Antes

Depois de

Cidade de Nova York, Nova York, EUA

Antes

Depois de

Estocolmo, Suécia

Antes

Depois de

Melbourne, Austrália

Antes

Depois de

Os resultados do teste mostram que, sem um CDN, a velocidade é mais lenta em regiões mais distantes do local real do servidor. Mas depois de integrar o CDN no site WordPress, ele mostrou melhorias na velocidade de carregamento.

4. Principais provedores de CDN para WordPress

Provedores de CDN WordPress estão disponíveis em todas as faixas de orçamento. Além disso, muitos provedores de CDN oferecem uma conta de teste.

Para ajudar os usuários do Cloudways, eu compilei a seguinte lista de provedores de CDN que podem ser facilmente integrados aos servidores gerenciados do Cloudways.

Nota: StackPath (também conhecido como CloudwaysCDN) pode ser integrado facilmente na plataforma.

CloudwaysCDN (StackPath)

CloudwaysCDN é alimentado por StackPath, um dos melhores provedores de CDN para WordPress com uma grande rede de servidores global.

Os recursos populares incluem proteção contra ataques DDoS e recursos de bloqueio com balanceamento de carga. Todos os planos também oferecem proteção de firewall que também contribui para melhorar o tempo de carregamento da página do seu site.

Os usuários do Cloudways também podem usar esta opção CDN com ' Breeze ', o plugin de cache padrão.

Preço: $ 1 por 25 GB

KeyCDN

KeyCDN oferece vários recursos úteis que otimizam a entrega de conteúdo em vários locais ao redor do mundo. KeyCDN é uma opção popular de WordPress CDN com reputação de velocidade e suporte ao cliente 24 horas por dia, 7 dias por semana.

KeyCDN também oferece proteção DDoS, certificados SSL gratuitos e personalizados, suporte HTTP / 2 e API RESTful para integrações de terceiros.

Preços: o modelo de preços é pré-pago, começando em $ 0,04 / GB, com uma fatura anual mínima de $ 40.

Cloudflare

Cloudflare é um dos CDN mais populares para WordPress principalmente porque é fácil de configurar e tem uma enorme rede de servidores global.

A Cloudflare também oferece CDN grátis para sites WordPress com segurança limitada contra ataques DDoS e outras vulnerabilidades. Outros recursos incluem balanceamento de carga, otimização da web, gerenciamento de DNS e certificados SSL.

Preço: o plano Pro começa a partir de $ 20 / mês.

CloudFront

O CloudFront by Amazon é um CDN rápido e seguro para WordPress que oferece segurança padrão do setor contra DDoS e ameaças semelhantes. Ele pode ser facilmente integrado usando o console de gerenciamento da Amazon, CLI e SDKs.

Preços: sob demanda

Incapsula

Incapsula é outro CDN popular para WordPress com servidores localizados em todo o mundo. Ele pode ser facilmente integrado ao WordPress e é compatível com todos os plug-ins de cache populares.

Incapsula oferece recursos como certificados SSL, suporte 24 horas por dia, 7 dias por semana, proteção DDoS, firewall, análise de ataques, inteligência de ameaças e proteção de dados.

Preço: a partir de $ 59 / mês

CDN77

CDN77 é um dos CDNs mais rápidos para sites WordPress. Os recursos destacados incluem certificados SSL / TLS, proteção DDoS, proteção hotlink e firewall da web.

O CDN77 também oferece ferramentas analíticas para rastrear o tráfego e o uso da largura de banda, e registros do CDN que contêm informações úteis e relatórios de falhas.

Preço: a partir de US $ 199 / mês

Ao selecionar o CDN certo para o seu negócio, certifique-se de considerar o custo e os serviços junto com o desempenho.

5. Benchmarking WordPress CDN

Existem muitos provedores de CDN do WordPress para escolher, mas é um desafio determinar qual deles oferecerá o melhor desempenho em cenários do mundo real.

A única maneira de resolver esse problema era comparar esses CDNs e, para isso, selecionamos três provedores de CDN populares amplamente usados:

1. CloudwaysCDN (parceria com StackPath anteriormente conhecido como MaxCDN)
2. Cloudflare
3. KeyCDN

O Processo de Benchmarking de CDN

Eu lancei o WordPress padrão no servidor Cloudways DigitalOcean de 1 GB de RAM , 25 GB de SSD e 1 núcleo de CPU .

Para o teste de benchmarking, a ferramenta que usamos é uma CLI de benchmark Node.js CDN de código aberto . Para entender a rapidez com que um CDN do WordPress entrega conteúdo, você precisará de entradas de dados suficientes ao longo de algumas horas.

Em nosso benchmarking de CDN, baixamos três arquivos de imagem de nosso site WordPress hospedado em Cloudways ( pequeno: 78,6 KB, médio: 747 KB, grande: 1,28 MB), por 3,5 horas com intervalos de 5 minutos. Esses arquivos são retirados de um site WordPress hospedado em Cloudways.

Os resultados do benchmarking de CDN

Após o teste de benchmarking, compilamos os dados finais em uma representação gráfica para fácil comparação. Os dados foram gerados após a execução do teste por 3,5 horas seguidas. O teste dá uma dica de qual CDN funciona melhor em qual tamanho de arquivo.

Imagem pequena

O Cloudflare começou normalmente, mas não conseguiu manter o mesmo ritmo durante o download da imagem de tamanho pequeno. Nos primeiros 40 minutos do teste, chegou a 22 milissegundos, enquanto CloudwaysCDN e KeyCDN estavam posicionados diretamente no eixo horizontal, mostrando uma velocidade constante de aproximadamente 2-3 milissegundos. Há um pico do 75º ao 85º minuto no KeyCDN, onde chegou a 9 ms.

O CloudwaysCDN foi muito bom durante o teste. Começou e terminou o teste com a velocidade máxima de download sem surpresas.

Imagem média

As coisas não melhoraram para CloudFlare ao baixar uma imagem de tamanho médio também. Ele teve picos enormes de 20-40 minutos de aproximadamente 128 ms. Outro pico menor dos minutos 75 para 85. Por outro lado, o CloudwaysCDN manteve sua posição de topo na comparação com o KeyCDN , que apresentou algum distúrbio no final do teste, como visto no gráfico acima.

Imagem Grande

Durante o download da imagem grande (1,28 MB), a velocidade de download do Cloudflare foi de aproximadamente 40 ms, enquanto suas contrapartes tiveram um início comparativamente bom. KeyCDN foi quase estável durante todo o teste, exceto por alguns solavancos no início e no final do teste. O CloudwaysCDN novamente fez um trabalho incrível, ficando o mais próximo possível do eixo X, mostrando a velocidade de download rápida e estável durante todo o teste.

Também calculamos a velocidade média de download de cada CDN em três tamanhos de imagem.

Pontuação Média

Os resultados do gráfico acima são bastante diretos. CloudwaysCDN teve a maior velocidade de download em todas as três categorias de arquivos. KeyCDN ficou em segundo lugar com uma pontuação média. Cloudflare obteve a terceira posição com a pontuação mais baixa devido aos grandes picos nos estágios iniciais de todos os três testes. Ele teve um desempenho muito bom no meio e no final dos testes.

6. Como usar o CDN no WordPress?

6a. Adicionar CloudwaysCDN ao WordPress

Os clientes Cloudways podem ativar e integrar CloudwaysCDN com WordPress em apenas um único clique. Aqui estão algumas etapas envolvidas no processo: faça login na conta Cloudways, navegue até Aplicativos e, em seguida, entre nos aplicativos WordPress onde deseja instalar o CloudwaysCDN.

No painel esquerdo, navegue até a guia CloudwaysCDN e insira a URL do seu site WordPress. Clique no botão CRIAR .

Isso habilitará o CloudwaysCDN para este aplicativo e fornecerá alguns detalhes como URL do CDN, uso de largura de banda e cache de limpeza. Você também tem a opção de remover o CloudwaysCDN.

Para integrá-lo a um site WordPress, basta clicar no botão Aplicar .

PS: O clique único se aplica apenas ao Breeze - um plug-in de cache gratuito para WordPress da Cloudways. Se você estiver usando qualquer outro plug-in de armazenamento em cache, obtenha o URL do CDN na guia CloudwaysCDN e configure o CDN de acordo.

Faça login no painel de administração do seu site WordPress e clique em Breeze em Configurações :

Vá para a guia CDN do Breeze Cache Plugin e aqui você verá que a opção Ativar CDN está marcada como marcada e o URL do CDN está definido no campo CDN CNAME .

Agora é hora de verificar se o CDN está integrado. Abra seu site, pressione CTRL + U e pesquise StackPath . Você obterá alguns resultados que significam que o CDN foi integrado com sucesso.

Parece que o site está quebrado?

Sem problemas! Cloudways usa Varnish para otimizar os sites WordPress. Certifique-se de limpar todo o cache e, em seguida, visite o site novamente. Viva! Você integrou o CloudwaysCDN em apenas alguns cliques.

Quer saber mais sobre CloudwaysCDN? Dê uma olhada aqui .

6b. Adicionar CloudFront ao WordPress

CloudFront by Amazon é talvez o CDN mais popular para sites WordPress. Uma vez conectado, o CloudFront fornece o conteúdo de um site WordPress diretamente de seus servidores em vez de solicitar o servidor de hospedagem. Isso reduz o número de solicitações que sobrecarregam o servidor de hospedagem.

Obtenha o URL do CDN criando distribuição na Web no CDN do CloudFront

Presumo que você já tenha uma conta no Amazon Web Services (AWS). Caso contrário, inscreva-se e navegue até o Console do CloudFront . Em seguida, clique em Primeiros passos na seção da Web .

Isso o levará às opções de página inteira, onde você pode escolher entre uma série de opções. Para simplificar, estarei usando as configurações padrão definidas pelo próprio CloudFront.

• Nome de domínio de origem: o URL do meu site (wpcommunity.org)
• Caminho de origem: insira o caminho específico para ativos, se houver. (Deixei em branco.)
• ID de origem: digite uma descrição simples do que trata este serviço.

Todas as outras configurações permanecem inalteradas. Se você quiser configurar mais, aqui está o guia completo que descreve todas essas opções. Role para baixo e clique em Criar distribuição .

A implantação levará alguns minutos, dependendo do conteúdo do seu site. Depois que o processo for concluído, ele o levará para a tela de onde você encontrará o Nome de Domínio (URL do CloudFront).

Copie o URL em Nome de domínio e navegue até a guia CDN do Breeze e cole no campo de texto URL raiz do CDN .

• Ativar CDN : marque se quiser ativar o CDN.
• URL raiz do CDN : o URL da distribuição criada. Não se esqueça de adicionar HTTP / HTTPS ao URL.
• Conteúdo CDN : os diretórios do conteúdo que você deseja que seja servido por um CDN.
• Excluir conteúdo : se você deseja excluir algumas extensões de arquivo ou diretórios que não serão servidos pelo CDN, insira-os aqui.
• Caminho relativo : É sempre recomendável habilitar o caminho relativo para manter a estrutura dos arquivos e pastas.

Vamos testar!

Visite o URL do seu site, visualize o código-fonte e pesquise o CloudFront . Você verá que todos os ativos, como CSS, JS e imagens, são servidos pelo CDN do CloudFront.

6c. Adicionar KeyCDN ao WordPress

KeyCDN é um dos fornecedores líderes de WordPress CDN no mercado. Eu sugiro que você experimente os serviços deles em seu site (por meio do período de teste gratuito) antes de optar por uma conta completa.

Neste artigo, demonstrarei como conectar o KeyCDn com o plug-in de cache do Breeze para que todo o conteúdo seja servido via CDN.

Em primeiro lugar, preciso me inscrever para uma conta KeyCDN preenchendo alguns detalhes obrigatórios. No primeiro campo, insira a URL do site que você deseja conectar ao KeyCDN e preencha outros detalhes, como e-mail e credenciais do usuário.

Após clicar no botão Criar conta , você receberá um e-mail de verificação. Depois de verificado, você verá o painel KeyCDN:

Obtenha o URL do CDN adicionando uma zona no KeyCDN

Meu site WordPress foi adicionado à minha conta. Agora, preciso adicionar uma zona em relação à URL do meu site. No painel esquerdo, navegue até a guia Zonas e será solicitado que você configure a zona.

• Nome da zona: KeyCDN fornece um URL especial com formato padrão: http://xxx-yyy.kxcdn.com. Onde XXXX é o nome que você inseriu no campo Nome da zona. No meu exemplo, será wp-yyy.kxcdn.com porque eu inseri wp.
• Status da zona : Como meu site estará acessível publicamente, adicionarei o status como Ativo.
• Tipo de zona : Existem dois tipos de zona, puxar ou empurrar. Além do tipo de zona, você pode ver a caixa de seleção Mostrar recursos avançados. Expanda e configure-o - se você estiver confiante o suficiente no que está fazendo! Caso contrário, deixe como padrão.
• URL de origem : digite a URL do site que você deseja conectar a esta zona.

Depois de configurar a zona, você será redirecionado para a guia Zona e lá você verá uma Zona recém-criada como a imagem abaixo. O status da minha zona está atualmente definido como Implementando . Isso significa que ele está configurando e vinculando tudo entre o KeyCDN's Zone e o site.

O processo pode demorar alguns minutos. Uma vez feito isso, o status será alterado para Ativo . Você pode limpar o cache acessando o botão Gerenciar como na imagem abaixo.

Configurar KeyCDN com Breeze

Ok, configurei o KeyCDN, criei uma zona e obtive o URL da zona.

Copie-o e navegue até a guia CDN no plug-in de cache do Breeze WordPress e cole no campo URL raiz do CDN .

Teste o Site

Neste ponto, configurei corretamente o KeyCDN e o conectei ao Breeze. Vamos verificar se o CDN está atendendo ao site. Para isso, visite seu site e visualize o código-fonte da página pressionando CTRL + U (Chrome). Pesquise por kxcdn e você verá que CSS, JS e imagens são veiculados por meio do KeyCDN.

O Breeze não se limita a eles, qualquer CDN baseado em ativos pode ser facilmente configurado com o Breeze. Você só precisa obter o URL do CDN do WordPress e colá-lo na guia CDN do Breeze. É isso!

Empacotando!

Vimos como a velocidade desempenha um papel importante na conversão geral, bem como na classificação de SEO do seu site. Afinal, investir em um bom CDN WordPress não é uma má ideia. Os usuários do Cloudways podem integrar facilmente o CloudwaysCDN a partir de seu painel e pagam US $ 1 por 25 GB por aplicativo. O consumo adicional custa $ 0,04 por GB apenas.