Uma CDN tornará meu site WordPress mais rápido? Resultados do experimento

É hora de um experimento. Eu amo o WordPress , eu o uso há quase 10 anos, mas não é sem problemas. Principalmente, velocidade . Qualquer um que tenha usado o WordPress em hospedagem compartilhada barata ou um pequeno VPS saberá que fazer com que ele carregue rapidamente é um pesadelo .

Eu usei plugins de cache e CloudFlare e me certifiquei de estar usando uma hospedagem decente , mas ainda quero que meu site WordPress seja mais rápido! Claro, eu poderia mudar para hospedagem dedicada, mas é caro. Então é hora de tentar o próximo passo: um CDN .

Estou usando o KeyCDN para este experimento.

O que é um CDN?

Uma CDN é uma rede de distribuição de conteúdo . Ele faz o que você espera: fornece conteúdo (ou seja, as coisas em seu site, por exemplo, imagens) de uma rede em todo o mundo.

Seu site é armazenado em um único servidor onde quer que seu provedor de hospedagem esteja localizado, portanto, se as pessoas quiserem acessar seu conteúdo de outros locais (como em outro site do globo), haverá um atraso. Se você usar um CDN, o provedor de CDN entregará as partes estáticas do seu site aos visitantes com muito mais rapidez . Isso ocorre porque a CDN usa uma rede de servidores em todo o mundo , para que seus visitantes nunca estejam muito longe. Um CDN também reduzirá a carga do servidor (especialmente útil se você tiver hospedagem compartilhada barata).

Um CDN pode ser usado em qualquer site , incluindo sites WordPress.

Por que a velocidade do site é importante?

Esteja você usando o WordPress ou outro CMS (sistema de gerenciamento de conteúdo), você vai querer que ele carregue rapidamente. Por quê?

1. As pessoas querem que as páginas carreguem rapidamente

Seu site é para pessoas, e as pessoas não perderão tempo esperando que suas páginas carreguem! Faz parte do UX (experiência do usuário) e um bom UX fará com que as pessoas voltem ao seu site várias vezes. Os períodos de atenção são curtos online, e você não quer dar às pessoas um motivo para se cansar e apertar o botão Voltar.

2. A velocidade do site é importante para SEO

O Google pode usar o tempo de carregamento da página como um fator de classificação e é ainda mais importante para o índice móvel (veja abaixo). O UX é parte integrante do SEO hoje, e se os usuários voltarem para o SERP (páginas de resultados do mecanismo de pesquisa) porque seu site é lento, isso prejudicará seus rankings.

3. As páginas devem carregar rapidamente para serem compatíveis com dispositivos móveis

Mobile SEO e mobile UX estão se tornando cada vez mais importantes, e a velocidade de carregamento da página é uma grande parte disso. Cortar alguns milissegundos do tempo de carregamento da sua página lhe dará uma vantagem quando se trata de vencer os concorrentes no índice mobile-first do Google.

O experimento: uma CDN tornará meu site WordPress mais rápido?

Sabemos por que queremos que nossos sites WordPress sejam mais rápidos, mas agora é hora de realmente fazer isso acontecer. Em vez de apenas falar sobre como isso poderia ser feito, eu realmente vou fazer isso (ou pelo menos tentar!).

Aqui está o que eu vou fazer:

1. Liste a configuração atual do site (hospedagem, plugins de cache, etc.)
2. Meça a velocidade atual do site (usando Google Page Speed ​​e Pingdom)
3. Instale o CDN
4. Meça novas velocidades
5. Valeu a pena?
Configuração atual do site WordPress

Estou executando este teste neste site, InternetFolks.com. Aqui estão as estatísticas que você precisa saber sobre seu desempenho atual:

Tema WordPress: Genesis Framework com o tema filho eleven40
Hospedagem: eu uso o VPS gerenciado mais barato da KnownHost com armazenamento SSD (2,5 GB de RAM) (cerca de US $ 30/mês)
Plugins de cache: Plugin Autoptimize (gratuito) instalado, que combina CSS e outros scripts para que seu site carregue menos coisas. Também plugin WPSmushIT (também gratuito), que comprime o tamanho das imagens.
Mais Caching: Versão gratuita do CloudFlare, que também minimiza e combina scripts e atua como CDN para arquivos estáticos como imagens.

Parece que estou fazendo algumas coisas sobrepostas para melhorar a velocidade deste site, então há espaço para melhorias? Vamos fazer os testes de velocidade “antes”.

Testes de velocidade iniciais

Uma nota rápida sobre como testar a velocidade do seu site: não basta testar a página inicial e seguir em frente! Você também deve testar outros formatos de página (postagens de blog, páginas de destino, etc.) Sua página inicial provavelmente será muito diferente da maioria das páginas do seu site, portanto, não otimize a velocidade para uma página não representativa!

Com isso em mente, vou testar a velocidade de 2 páginas: a página inicial e um post longo no blog.

Estou usando o teste de velocidade do site do Pingdom. É uma maneira muito mais rigorosa de medir a velocidade de qualquer site WordPress do que o Page Speed ​​Insights do Google, porque você pode realmente ver como os recursos individuais são carregados e verificar o que está deixando você mais lento. Também inclui a pontuação do Google (como uma nota A, B, C etc e como uma nota de 100).

Usei Nova York como local do teste, porque a maior parte do meu público está nos EUA e na Europa e Nova York está quase no meio.

A página inicial carrega em 3,88 segundos (tamanho da página 1,1 MB), o que é bom, mas a postagem do blog carrega em 5,8 segundos (tamanho da página 3,2 MB), o que deixa muito espaço para melhorias, para dizer o mínimo!

Configurando um CDN do WordPress

Decidi experimentar o KeyCDN, principalmente porque ele tem um teste gratuito de 30 dias (portanto, se esse experimento não funcionar, não terei perdido nada), mas também porque eles cobram PAYG (cerca de US $ 0,04 por GB), então se meu site tiver um mês lento, não serei atingido com uma fatura recorrente. Eles têm um mínimo anual de $ 49, que ainda é muito menos do que qualquer outro CDN que eu poderia encontrar (MaxCDN foi o próximo mais barato, começando em $ 9/mês).

Criei uma conta de teste e após a ativação do email, foi mostrado este painel:

Eles começaram com $ 1 de crédito grátis, o que deve ser mais do que suficiente para este experimento.

[Observação: se você usar meu link de referência para experimentar o KeyCDN, receberá $ 10 de crédito grátis]

A próxima etapa foi adicionar uma zona no painel CDN . Deixei todas as configurações como padrão, exceto adicionar suporte SSL (parte da seção “Recursos avançados”).

Demorou cerca de 5 minutos para implantar a Zona CDN, então adicionei o novo URL da Zona ao plug-in do CDN Enabler e estava pronto para a ação!

O blog KeyCDN sugeriu um plugin WordPress leve chamado CDN Enabler, então eu o instalei. Você simplesmente adiciona o URL da CDN ao painel do plug-in e ele começa a funcionar imediatamente.

Se você quiser instruções de configuração mais detalhadas, a postagem de introdução do KeyCDN é muito fácil de seguir.

Novos testes de velocidade

Passei cerca de 7 minutos instalando o KeyCDN no meu site WordPress. Eu nem olhei para nenhuma configuração avançada ainda, mas vamos ver o que acontece se eu executar outro teste de velocidade do Pingdom.

Hum, a página inicial agora leva 6,27 segundos para carregar . Fiquei entediado esperando o teste de velocidade carregar para o post do blog…. mais de 14 segundos !

Algo não está certo: adicionar um CDN ao meu site WordPress o tornou MAIS LENTO.

Eu removi o KeyCDN temporariamente desativando o plug-in CDN Enabler e a velocidade do meu site voltou ao normal.

Talvez CloudFlare e o plugin Autoptimize estejam causando alguns conflitos? Estou pausando os dois e tentando novamente.

É mais assim!

A página inicial foi carregada em 1,31 segundos (o tamanho da página subiu para 1,5 MB) e a postagem do blog em 2,66 segundos (tamanho da página 3,4 MB). Esta é uma enorme melhoria na velocidade !

Estou muito feliz que este CDN simples tornou meu site WordPress muito mais rápido. Espere um minuto, ainda não reativei o KeyCDN. E CloudFlare está pausado. E eu não tenho plugins de cache… o que?!

Eu brinquei um pouco e descobri o que eu tinha feito de errado. Em primeiro lugar, quando adicionei o KeyCDN, fiz isso sem o https:// primeiro. Isso acabou sendo crucial porque, uma vez que consertei, tudo acelerou bem!

Se você estiver usando plug-ins de cache ou CloudFlare, será necessário excluir ou limpar o cache para testar com precisão a velocidade do site . Depois que fiz isso, percebi que meu site ainda precisava de ajuda. Além disso, você precisa testar em vários locais . Pingdom permite que você use Nova York, Califórnia, Suécia e Melbourne; sem CDN eu estava conseguindo boas velocidades de Nova York, mas terríveis em outros lugares. Meu servidor está localizado perto de Nova York, então isso faz sentido. Mas eu quero que meu site seja rápido para todos os visitantes, então uma CDN pode ajudar com isso.

Gerenciando o CDN

Depois de configurá-lo (levou 10 minutos por causa do meu erro inicial!), o painel do KeyCDN ficou muito fácil de usar . Ele mostrará suas estatísticas de tráfego com a localização e o volume de todo o tráfego que você está recebendo. Você pode ver seus créditos diminuirem em tempo real (eu gastei 1 centavo até agora!) e recarregar com mais créditos sempre que quiser.

Não há realmente nenhum trabalho a fazer, apenas faça login e verifique de vez em quando para garantir que não haja erros de página. É uma boa maneira de detectar erros 404 e problemas no site também.

Considerações Finais: Uma CDN torna o WordPress mais rápido?

Sim! Aqui está um teste de velocidade da página inicial que executei logo após clicar em publicar neste post:

Ao instalar o KeyCDN, também reduzi pela metade o tempo de carregamento dos meus posts (agora são 2,75 segundos em vez de 5,8 segundos!). Além disso, também consegui excluir CloudFlare e plugins de cache da minha instalação do WordPress.

Estou muito satisfeito com a facilidade de instalação do KeyCDN (mesmo após meu erro inicial!) e estimo que só vai me custar cerca de US $ 5/mês com base no meu uso atual. Uma pechincha completa para essas velocidades; mudar para um plano de hospedagem dedicado me custaria muito mais.

Vou deixá-lo funcionando nas próximas semanas e monitorar os tempos de carregamento do site, rankings de SEO e métricas do usuário para rastrear seu impacto. Vou relatar em breve.

ATUALIZAR:

Já faz 1 semana desde que comecei a usar o KeyCDN. Senti que meu site estava carregando mais rápido, mas tive que fazer um teste de velocidade adequado para ter certeza:

Sim, ainda funciona! A página inicial (agora com 1,3 MB) carrega em 1,72 segundos .

E a postagem de blog muito longa (3,6 MB) carrega em 3,32 segundos . Percebi que o número de solicitações também diminuiu. O custo total do KeyCDN para a semana foi de 9 centavos . Nada mal.

No entanto, olhei para os logs do meu servidor e notei que o uso da largura de banda aumentou mais de 50% desde que pausei o CloudFlare (pausei no dia 12):

Isso não é bom. Como mencionei, estou usando apenas um VPS barato para hospedagem, então gostaria de manter o uso de largura de banda o mais baixo possível. E se eu estivesse usando hospedagem compartilhada barata, seria essencial.

Outro experimento, agora estou usando o CloudFlare como meu CDN novamente, sem o KeyCDN, pois eles não tocam bem juntos. Monitorarei a largura de banda do servidor e a velocidade do site e retornarei em breve!