Em nosso artigo anterior, exploramos os benefícios de ter um serviço CDN com o WordPress e por que as CDNs são uma das melhores maneiras de acelerar o WordPress muitas vezes antes no blog. . Observamos o quanto o desempenho aumenta se os visitantes estiverem longe do servidor host. Esperamos que isso tenha despertado seu interesse, porque, no artigo de hoje, faremos um guia passo a passo sobre como criar um recurso CDN na CDN77 e como ajustá-lo adequadamente. Depois disso, instalaremos um conjunto específico de plugins no WordPress e verificaremos se tudo está funcionando bem..


O primeiro passo no nosso guia será crie uma conta CDN77. Caso você ainda não tenha uma conta, CDN77 oferece uma avaliação gratuita de 14 dias. O registro leva apenas alguns minutos. Em seguida, criaremos um recurso da CDN, clicando em Criar novo recurso da CDN (na guia CDN). Para os fins deste artigo, implementaremos uma CDN em um blog de filme hospedado em um datacenter em Las Vegas.

cdn77-com-wordpress-03

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 seu site for executado no modo SSL, você absolutamente 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 através de uma solicitação HTTP insegura.

cdn77-com-wordpress-04

Como configurar um SSL no CDN77

Podemos configurar um certificado SSL gratuito de duas maneiras. Podemos usar um certificado SSL compartilhado para um subdomínio em xxx.c.cdn77.org ou usar nosso próprio CNAME (veja a figura 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 o subdomínio SSL funcionar corretamente..

Nesse caso, configuraremos um CNAME. Isso significa que o conteúdo do nosso site ficará acessível via HTTPS instantaneamente se substituirmos o site por cdn.ourdomain. Com o CDN77, obter um SSL é uma questão de poucos cliques.

Tweak it !

Depois de criar o recurso, a primeira coisa a observar é o menu Outras configurações. Se você usar HTTPS, é absolutamente obrigatório manter o HTTP / 2 ativado. A melhoria de velocidade entre o HTTP / 1.xe o HTTP / 2 normal é enorme. O CDN77 funcionará no modo HTTP / 2 no seu recurso HTTPS por padrão, reduzindo o seu tempo pela metade.

Se você usa HTTPS, também precisa fazer um redirecionamento 301 para cumprir os padrões do Google para HTTPS, ativar o redirecionamento HTTPS.

Para obter o desempenho ideal, habilite ignorar tudo nas Ignore Query Strings. A menos que seu site esteja executando conteúdo carregado dinamicamente e que precise ser atualizado a cada hora, você pode se safar das seqüências de consulta e ignorar tudo, isso aumentará tremendamente o desempenho do cache e do site.

O CDN77 também oferece a opção Expiração de cache. Caso você carregue muitas fotos, isso deve ser definido com a configuração mais alta possível, que é de 12 dias.

Neste guia, consideraremos a velocidade em primeiro lugar. Portanto, a CDN nos fornecerá apenas o conteúdo estático da imagem; todo o resto será carregado a partir 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 site muito mais do que se você decidir não exibir CSS com CDN.

Os arquivos CSS e Javascript são vitais para o carregamento do site em qualquer navegador e não devem estar sujeitos a um mecanismo de cache como o dos serviços CDN. No entanto, você pode criar um recurso estático na CDN para despejar esses arquivos importantes. Esta é uma técnica mais avançada que exigirá que você ajuste seu WordPress em um nível além do escopo deste tutorial.

Depois de ajustar tudo corretamente, podemos prosseguir para a guia do menu dos datacenters.

cdn77-com-wordpress-07

O CDN77 fornece uma maneira conveniente de ativar / desativar cada nó de sua rede. O objetivo é selecionar cuidadosamente quais nós são os mais usados ​​ativamente. É fácil descobrir, basta seguir seus leitores.

Depois de saber quais nós você precisa, é recomendável desativar todos os nós dispensáveis. Há uma explicação simples para isso: quanto mais nós você tiver na sua rede, mais tempo levará para atualizar todos; portanto, seu desempenho será prejudicado. Como regra geral, ao reduzir o número de nós, você também aumenta o desempenho do cache. Escolha sabiamente.

Quando você está testando o desempenho do site pela primeira vez, limpar e pré-buscar poderia ser útil. A remoção expulsará um conteúdo específico 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.

cdn77-com-wordpress-10

Depois de configurar tudo, você pode apontar seu CNAME para seu próprio domínio. Para fazer isso, você deve criar uma regra no seu registrador ou painel de hospedagem na seção DNS e apontar seu cdn.yourdomain.com para CNAME xxx.rsc.cdn77.org conforme mostrado na figura, 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 leitores que você está usando um cdn.seudominio.com que parece chique.

Se você preferir usar o endereço cdn77.org, não precisará fazer nada, basta usá-lo ao substituir seu conteúdo no WordPress.

WordPress Side

No lado do WordPress, precisamos adicionar um plugin para que isso funcione corretamente. Nós vamos usar o CDN Enabler, um prático plugin grátis. O motivo para usar este plug-in é simples: a maioria dos plug-ins da CDN não permite esse controle granular sobre as pastas que você envia para a CDN. Esse plug-in funciona e é muito importante para o nosso caso, pois não queremos incluir nenhum arquivo Javascript ou CSS, apenas as imagens enviadas.

cdn77-com-wordpress-14

Uma vez instalado, você pode encontrar o plugin aqui …

cdn77-com-wordpress-15

Vamos ajustá-lo !

cdn77-com-wordpress-16

Lembra quando falamos sobre personalização? Aqui está o fato mais importante sobre como configurar corretamente uma CDN no WordPress. A grande maioria dos plug-ins da CDN solicitará que você inclua um diretório para a CDN “replicar” e geralmente solicita que você inclua conteúdo wp. 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 plugins e temas, incluindo vários arquivos Javascript e CSS. Você pode perder o desempenho quando eles não são armazenados em cache, conforme discutido anteriormente.

Então, como consertamos 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 plug-ins que manipulam CDNs não permitirá que você faça isso. A inclusão exclusiva desta subpasta instruirá o CDN à sua pasta de upload, ou seja, apenas suas fotos.

cdn77-com-wordpress-17

Uma simples atualização do site permitirá que a 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 da CDN, e não do servidor host!

Antes e depois

Vamos ver como tudo isso acabou !

Na tela esquerda, podemos ver o tempo necessário para carregar o site da Suécia (que fica longe do servidor host em Las Vegas, lembra?) Na tela 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

Felizmente, você aprendeu uma maneira poderosa de implementar uma CDN no seu site WordPress. Algumas técnicas não são invasivas, como os arquivos CSS e Javascript, 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 a versão gratuita da CDN e use as dicas deste artigo para ver se consegue acelerar seu site WordPress. Esperamos que você tenha gostado do artigo! Como sempre, deixe alguma dúvida ou dúvida nos comentários abaixo.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me