Em nosso artigo anterior , exploramos os benefícios de ter um serviço de CDN com WordPress e por que os CDNs são uma das melhores maneiras de acelerar o WordPress muitas vezes antes no blog. . Observamos o quanto o desempenho aumenta se seus visitantes estiverem longe de seu servidor host. Esperamos que tenha despertado seu interesse porque no artigo de hoje vamos fazer um guia passo a passo sobre como criar um recurso CDN no CDN77 e como ajustá-lo adequadamente. Depois disso, vamos instalar um conjunto específico de plugins no WordPress e verificar se tudo está funcionando bem.
O primeiro passo em nosso guia será criar uma conta CDN77 . Caso você ainda não tenha uma conta, o CDN77 oferece um teste gratuito de 14 dias . O registro leva apenas alguns minutos. Em seguida, criaremos um recurso CDN clicando em Criar novo recurso CDN (na guia CDN). Para os propósitos deste artigo, vamos implementar uma CDN em um blog de filmes hospedado em um Datacenter em Las Vegas.
Como vamos implementar uma solução HTTPS completa, usaremos o novo “HTTPS” no CDN77. Esta opção protege a transferência de dados do servidor host para o servidor CDN.
Se o seu site for executado no modo SSL, você precisará criar um recurso somente SSL no CDN77. Caso contrário, você corre o risco de erros de conteúdo misto. Esse tipo de erro ocorre quando o navegador está sendo executado no modo SSL e de repente tenta carregar um recurso por meio de uma solicitação HTTP insegura.
Como configurar um SSL no CDN77
Podemos configurar um certificado SSL gratuito de 2 maneiras. Podemos usar um certificado SSL compartilhado para um subdomínio em xxx.c.cdn77.org ou podemos usar nosso próprio CNAME (veja a imagem acima). Em geral, recomendamos o uso de um CNAME como cdn.yoursite.com.
Se você optar pela solução compartilhada CDN77, nenhuma etapa adicional será necessária para que o subdomínio SSL funcione corretamente.
Neste caso, vamos configurar um CNAME. Isso significa que o conteúdo do nosso site será acessível via HTTPS instantaneamente se substituirmos nosso site por cdn.ourdomain. Com o CDN77, obter um SSL é uma questão de poucos cliques.
Ajuste-o!
Depois de criar o recurso, a primeira coisa a ser observada é o menu Outras configurações. Se você for usar HTTPS, é absolutamente obrigatório manter o HTTP/2 ativado. A melhoria de velocidade entre HTTP/1.xe HTTP/2 normal é enorme. O CDN77 funcionará no modo HTTP/2 em seu recurso HTTPS por padrão, reduzindo seu tempo pela metade.
Se você estiver usando HTTPS, também precisará fazer um redirecionamento 301 para cumprir os padrões do google para HTTPS, habilite o redirecionamento HTTPS.
Para obter o desempenho ideal, ative ignorar tudo em Ignore Query Strings. A menos que seu site esteja executando conteúdo carregado dinamicamente que precise ser atualizado a cada hora, você pode se livrar das strings de consulta e ignorar tudo, isso aumentará tremendamente o desempenho do cache e do site.
O CDN77 também oferece a opção de expiração de cache. Caso você carregue muitas fotos, isso deve ser definido para a configuração mais alta possível, que é de 12 dias.
Neste guia, consideraremos a velocidade em primeiro lugar. A CDN nos fornecerá apenas o conteúdo estático da imagem, todo o resto será carregado do servidor de origem.
Por que não usar CDN para Javascript e CSS, você está louco?
Lembre-se em nosso artigo anterior, falamos sobre como o desempenho da CDN pode variar quando o conteúdo não está disponível no nó solicitado da rede CDN. Bem, se o arquivo ainda não armazenado em cache for um arquivo CSS, o tempo de carregamento aumentará e poderá afetar negativamente seu desempenho. Isso pode afetar a velocidade de renderização do seu site muito mais do que se você decidir não veicular CSS com CDN.
Os arquivos CSS e Javascript são vitais para o carregamento do site em qualquer navegador e não devem ser objeto de um mecanismo de cache como o dos serviços CDN. Embora você possa criar um recurso estático no CDN para despejar esses arquivos importantes. Esta é uma técnica mais avançada que exigirá que você ajuste seu WordPress para um nível além do escopo deste tutorial.
Depois de ter tudo ajustado corretamente, podemos prosseguir para a guia do menu dos datacenters.
O CDN77 fornece uma maneira conveniente de habilitar/desabilitar cada nó de sua rede. O ponto é selecionar cuidadosamente quais nós são os mais ativamente usados. Isso é fácil de descobrir, basta seguir seus leitores.
Depois de saber de quais nós você precisa, é recomendável desabilitar todos os nós dispensáveis. Há uma explicação simples para isso: quanto mais nós você tiver em sua rede, mais tempo levará para atualizá-los, portanto, seu desempenho será prejudicado. Como regra geral, quando você reduz o número de nós, também aumenta o desempenho do cache. Escolha sabiamente.
Ao testar o desempenho do seu site pela primeira vez, a limpeza e a pré-busca podem ser úteis. Purge irá enviar um conteúdo específico para fora da rede CDN, é útil se você alterar o conteúdo e precisar liberar o cache para atualizar. A pré-busca fará o oposto, forçará um conteúdo específico no cache da CDN.
Depois de ter tudo configurado, você pode apontar seu CNAME para seu próprio domínio. Para fazer isso, você deve criar uma regra em seu registrador ou seu painel de hospedagem na seção DNS e apontar seu cdn.seudominio.com para CNAME xxx.rsc.cdn77.org conforme mostrado na imagem, isso instruirá o DNS para redirecionar todo o tráfego do seu subdomínio para o local real em que ele precisa estar. Não se preocupe, isso não afetará o desempenho. Além disso, também serve para mostrar aos seus leitores que você está usando um cdn.seudominio.com que parece chique.
Se você preferir usar o endereço cdn77.org, não precisa fazer nada, basta usar esse endereço ao substituir seu conteúdo no WordPress.
Lado do WordPress
No lado do WordPress, precisamos adicionar um plugin para que isso funcione corretamente. Vamos usar o CDN Enabler , um prático plugin gratuito. A razão para usar este plugin é simples – a maioria dos plugins CDN não permite tal controle granular sobre as pastas que você envia para o CDN. Este plugin faz e é muito importante para o nosso caso, pois não queremos incluir nenhum arquivo Javascript ou CSS, apenas as imagens enviadas.
Uma vez instalado, você pode encontrar o plugin aqui…
Vamos ajustá-lo!
Lembra quando falamos sobre customização? Aqui está o fato mais importante sobre como configurar corretamente uma CDN no WordPress. A grande maioria dos plugins CDN dirá para você incluir um diretório para o CDN “replicar” e eles geralmente dizem para você incluir wp-content. Isso é bom para uma configuração geral, mas não é bom para o seu desempenho porque a pasta wp-content é preenchida com outra pasta muito sensível, a pasta de plugins e temas, incluindo toneladas de arquivos Javascript e CSS. Você pode perder desempenho quando eles não são armazenados em cache, conforme discutido anteriormente.
Então, como corrigimos isso? Simplesmente incluímos a pasta wp-content/uploads. Uma solução tão simples!
Por mais chocado que você esteja, a grande maioria dos plugins que lidam com CDNs não permitem que você faça isso. Incluir apenas esta subpasta instruirá seu CDN para sua pasta de upload, ou seja, apenas suas fotos.
Uma simples atualização do site permitirá que o CDN obtenha o conteúdo para você. Neste exemplo, abrimos uma guia do desenvolvedor do Firefox (F12) e procuramos a primeira imagem. Você pode ver claramente que o link foi substituído e agora está sendo carregado diretamente do CDN em vez de nosso servidor host!
Antes e depois
Vamos ver como tudo isso ficou!
Na tela da esquerda, podemos ver o tempo que leva para carregar o site da Suécia (que fica longe do nosso servidor host em Las Vegas, lembra?) Na tela da direita, podemos ver que o desempenho aumentou, o tempo foi quase cortado ao meio! Todos os arquivos essenciais ainda estão sendo carregados do nosso servidor em Las Vegas, mas os arquivos pesados, como as imagens, estão sendo carregados do nó na Suécia.
Empacotando
Espero que você tenha aprendido uma maneira poderosa de implementar uma CDN em seu site WordPress. Algumas técnicas não são intrusivas, como os arquivos CSS e Javascript que são essenciais para a velocidade de carregamento do site. Agora você pode aproveitar todas as vantagens de uma CDN e, ao mesmo tempo, minimizar suas desvantagens. Esperamos que você experimente o teste gratuito da CDN e use as dicas deste artigo para ver se pode acelerar seu site WordPress. Esperamos que tenha gostado do artigo! Como de costume, deixe qualquer pergunta ou dúvida nos comentários abaixo.