Como configurar o cache total do W3 com um CDN (CloudFlare e MaxCDN)

Então, suponho que você esteja aqui porque já possui um site e deseja torná-lo mais rápido. Estou certo? Ter um site rápido é incrivelmente importante tanto para a experiência de seus leitores quanto para a sua classificação nos mecanismos de pesquisa.


De acordo com dados recentes da Akamai e Gomez.com, “metade dos usuários da web espera que um site seja carregado em 2 segundos ou menos e tende a abandonar um site que não é carregado em 3 segundos”. Depois disso, eles apertam o botão Voltar e vão até um de seus concorrentes. Então, você só tem uma chance de conquistar seus visitantes com velocidades de carregamento extremamente rápidas.

Além disso, o Google valoriza e classifica sites com alta velocidade de carregamento. Eles estão tentando maximizar a experiência do usuário para eles (pessoas que usam mecanismos de pesquisa). Então, é claro que eles valorizarão sites que carregam rapidamente.

Simplificando, você não pode ter um site de carregamento lento, motivo pelo qual criamos esta postagem. Abaixo, mostraremos passo a passo como você pode utilizar um poderoso plugin chamado W3 Total Cache e uma CDN para dar ao seu site o aumento de velocidade que você merece.

Benefícios do carregamento rápido e desempenho do site

Você sabia que a velocidade do seu site pode realmente afetar seus resultados? Se o seu site capacita seus negócios de qualquer forma, formato ou forma, você precisa levar o tempo de carregamento a sério.

A velocidade do site parece uma coisa tão pequena com que se preocupar, mas é incrivelmente importante. Aqui está o porquê…

A velocidade do seu site afeta coisas como sua taxa de rejeição, suas conversões, o número de páginas que um visitante visualiza, a satisfação de seus leitores e o tempo total gasto na página.

Simplificando, ter um site de carregamento rápido faz com que seus usuários façam a dança feliz. Os usuários da Web são incrivelmente impacientes e ficamos estragados com as velocidades de carregamento em jejum. Queremos as coisas quando as queremos e isso geralmente significa agora. Daqui a cinco segundos.

Além disso, quando você gasta um tempo otimizando suas velocidades de carregamento, também agrada aos mecanismos de pesquisa. O Google exige que seu site seja carregado rapidamente. Eles até desenvolveram um teste do PageSpeed ​​Insights, para que você possa ver como o seu site se destaca. Na verdade, recomendamos a execução do site por meio da ferramenta deles, para que você possa acompanhar as velocidades de carregamento antes e depois da otimização.

Se você acha que seu site carrega lentamente, provavelmente o faz. Você literalmente não tem nada a perder gastando tempo otimizando seu site para ter um desempenho melhor. Mas como você faz isso exatamente? Através das ferramentas que estamos prestes a pular abaixo.

Vamos lá.

O que é o cache total do W3?

O W3 Total Cache é um plugin WordPress amplamente utilizado. Sites enormes, como o Mashable e até o próprio Matt Cutts (da fama do Google), usam esse plug-in para acelerar seus sites, para que você esteja em boa companhia. O nome parece um pouco técnico, então vamos explicar o que ele realmente faz.

Simplificando, esse plug-in melhora a experiência geral do usuário do seu site, armazenando em cache todos os aspectos do site, melhorando o desempenho do servidor e facilitando a integração com uma CDN (mostraremos a seguir isso).

Por que o cache é importante?

Hoje, a maioria dos sites é carregada de forma dinâmica, especialmente se você estiver usando o WordPress. O que esse plug-in faz é criar uma versão estática da sua página da web, para que não precise ser gerada do zero toda vez que uma pessoa visitar seu site.

Isso ajuda a melhorar o desempenho do servidor, pois há menos solicitações em andamento e reduzirá bastante o tempo de carregamento da página, pois não precisa ser criado dinamicamente para cada sessão.

Esse plug-in também permite gerar outros itens em cache, como arquivos CSS, código Javascript e coisas como imagens e seu logotipo. Normalmente, a função de cache do navegador dura 24 horas, o que é bom, pois a maioria de nós não atualiza nosso site com frequência..

Por fim, o W3 Total Cache integra-se a uma CDN. Uma CDN ajuda a diminuir o tempo de carregamento e reduzir a carga geral no servidor. Abordaremos isso com mais detalhes na seção CDN abaixo.
Instalando o cache total do W3

Você é vendido no W3 Total Cache? Bom, agora vamos mostrar como instalá-lo e configurá-lo.

Navegue para Plugins>Adicione Novo no painel do WordPress e pesquise “W3 Total Cache”. Procure algo semelhante à figura abaixo e clique em “Instalar agora” e “Ativar”.

cache total w3

Agora, o plug-in está instalado no seu site e podemos começar a configurá-lo. Você notará que há uma guia “Desempenho” no lado esquerdo do painel do WordPress, geralmente na parte inferior. Clique aqui e você será direcionado para a tela inicial do plug-in.

cache total

Você perceberá que a tela do menu principal tem várias opções, mas não se preocupe, orientaremos você na configuração básica abaixo. Em um esforço para analisar as coisas, focaremos apenas algumas das configurações mais básicas dos plug-ins, pois isso pode ser bastante técnico..

No entanto, as configurações que mostraremos abaixo serão mais do que suficientes para aproveitar ao máximo a velocidade do plug-in para aqueles que estão começando..

Configurações Gerais

Configurações Gerais

Na página Configurações gerais, você poderá decidir quais aspectos do plug-in você deseja ativar em seu site.

Modo de pré-visualização

A primeira seleção que você verá é algo chamado modo de visualização. Quando você ativar isso, poderá testar diferentes configurações de plug-in antes que elas estejam ativas no site.

Você pode ativar isso clicando no botão “Ativar”.

Se mexer nas configurações do plug-in deixa você nervoso com a possibilidade de interromper o site, essa é uma ótima maneira de alterar as configurações sem o medo de estragar o site. Apenas certifique-se de desativar essa configuração quando estiver satisfeito com suas configurações.

Cache da página

cache de página

A próxima seção é chamada de cache de página. Ao ativar essa configuração, você habilita o armazenamento de uma versão estática das suas páginas mais solicitadas. Isso reduzirá o tempo de carregamento em seu site, pois essas páginas podem ser acessadas imediatamente, em vez de ter que esperar o WordPress se comunicar com seu banco de dados.

É recomendável ativar esta opção e definir o “método de cache da página:” para “Disco: avançado”.

Minify

Minify

Minify é o processo de compactação e remoção de todos os elementos desnecessários dos arquivos CSS, HTML e Javascript. No entanto, é recomendável testar esses recursos usando a opção de visualização mencionada anteriormente, para não acabar com o site.

É difícil dizer se a ativação desse recurso vai danificar seu site ou causar um conflito com outros plugins existentes, mas vale a pena testar. Recomendamos ativar esse recurso e verificar se ele entra em conflito com algum elemento do site existente..

Se não, então você está limpo. Se isso acontecer, basta desativar esse recurso.

Cache do navegador

cache do navegador

O recurso final que vale a pena examinar se o cache do navegador. Esse recurso ajudará a reduzir a carga geral e o número de solicitações no servidor, o que acelerará o tempo de carregamento do site. Recomendamos ativar esta opção.

Outros módulos

Como você deve ter notado, existem dezenas de outras opções e recursos que você pode ativar dentro deste plugin. Decidimos abordar apenas o básico aqui, para não sobrecarregar você e fornecer uma base sólida para você trabalhar.

Ativar as configurações acima e integrar o plug-in a uma CDN (mostrada abaixo) será mais do que suficiente para acelerar o desempenho do seu site. Com o tempo, você pode ajustar ainda mais e testar os recursos adicionais do plug-in para desbloquear novos níveis de desempenho do site.

O que é um CDN?

CDN é a abreviação de rede de entrega de conteúdo e é uma rede de servidores que podem entregar conteúdo em cache aos usuários com base em sua localização geográfica..

Quando você não estiver usando uma CDN, sempre que um usuário acessar seu site, ele será direcionado para a localização real do servidor. Basicamente, qualquer visitante do seu site acessará esse servidor único.

Portanto, se você tiver um grande aumento de tráfego, isso poderá sobrecarregar o servidor e causar uma falha no site. Também pode fazer com que o seu site seja carregado mais lentamente se uma pessoa estiver acessando o site a partir de Amsterdã e o servidor estiver em Nevada.

As CDNs são resgatadas armazenando uma versão em cache do site em toda a rede de servidores. Isso não apenas ajuda a espalhar a carga do servidor, o que significa que a probabilidade de uma falha no site diminui. Mas também acelerará o desempenho do seu site.

Antes de avançar na configuração de uma CDN, é importante que você instale o W3 Total Cache e otimize-o de acordo com as etapas acima. Dessa forma, podemos vincular o CDN que você escolher utilizar abaixo ao plugin.

Benefícios do uso de uma CDN

Como mencionamos acima, o uso de uma CDN pode ter um grande impacto em seu site. Destacamos os benefícios mais comuns do uso de uma CDN abaixo.

Diminui falhas no site
Se você receber uma grande quantidade de tráfego e não estiver usando uma CDN, há uma grande probabilidade de seu site travar. Especialmente, se você estiver usando um pacote básico de hospedagem compartilhada. Uma CDN espalha a carga do servidor e torna menos provável a falha do site.

Melhora a velocidade de carregamento
Uma CDN diminuirá o tempo de carregamento em seu site. Parte disso está relacionado ao fato de um visitante poder acessar seu site usando o servidor mais próximo a ele.

Melhor experiência do usuário
Os usuários da Internet adoram sites de carregamento rápido. Ao usar uma CDN, você acelera o desempenho do seu site, o que significa taxas de rejeição reduzidas e usuários mais felizes em geral.

Rankings melhorados do Search Engine
Sites rápidos têm uma classificação mais alta e o uso de uma CDN permitirá que seu site faça exatamente isso.

Abaixo, apresentamos o perfil das duas CDNs mais usadas e mostramos como integrá-las ao plug-in W3 Total Cache. O Cloudflare é uma opção mais barata e amigável para iniciantes, enquanto o MaxCDN requer um pouco mais de confiança técnica para configurar.

Configurando o Cloudflare

Para configurar o Cloudflare, sua primeira necessidade é criar uma conta no site deles. Dependendo do host que você está usando, você pode instalar o Cloudflare usando o cPanel. Mas, a título deste tutorial, mostraremos como configurá-lo usando o site deles.

1. Navegue até Cloudflare.com e clique em “Inscreva-se agora!”. Uma conta gratuita será mais que suficiente para suas necessidades.

2. Depois de criar uma conta, faça o login e você será levado ao painel.

comece com o cloudflare

Digite seu nome de domínio e clique em ‘Verificar registros DNS’. Isso geralmente leva cerca de um minuto. Depois de concluído, clique em “Continuar”. Em seguida, role para baixo e clique em “Continuar” novamente, não se preocupe com nenhum dos resultados da próxima página.

3. Selecione a opção “Grátis” e você será direcionado para uma tela que oferece novos servidores de nomes. Ele mostrará seus servidores de nomes atuais e os novos criados pelo Cloudflare.

4. Navegue até o registrador em que você comprou seu nome de domínio e altere os servidores de nomes existentes para os novos que você acabou de receber. As alterações devem levar alguns minutos, mas não haverá tempo de inatividade, pois elas mudam.

E é isso! Agora seu site foi transferido para o Cloudflare. No entanto, mantenha sua conta aberta no Cloudflare, porque precisaremos dela para a próxima etapa.

Vinculando Cloudflare e W3 Total Cache

Volte para o plug-in W3 Total Cache no seu painel do WordPress. Navegue para Desempenho>Extensões, ative o Cloudflare e clique em Configurações.

desempenho da rede do cloudflare

Digite o endereço de e-mail usado para configurar sua conta do Cloudflare e seu nome de domínio. A última coisa que você precisa inserir nessa tela é sua chave de API.

Clique no pequeno link azul que diz “encontre-o aqui” e você será direcionado para a tela em que sua chave de API está localizada. Pode ser útil abrir esse link em uma nova guia ou janela, para não perder as alterações que você fez.

Em seguida, role para baixo até a seção da sua conta do Cloudflare intitulada Chave da API e clique em “Exibir chave da API”. Agora, basta copiar e colar essa chave novamente na seção “Chave da API:” no painel do plug-in e você está pronto.

Parabéns, agora você vinculou com êxito as duas contas e pode dizer olá para velocidades mais rápidas do site.

Configurando o MaxCDN

Se você deseja levar a sua integração à CDN ainda mais longe, pode experimentar o MaxCDN. Observe que não há uma versão gratuita do MaxCDN disponível. Então, você precisa se inscrever se quiser usar este serviço.

Depois de criar sua conta MaxCDN, é hora de integrá-la. Para começar, siga as etapas abaixo.

1. Crie uma zona de recepção

No painel do MaxCDN, clique em “Zonas” e depois em “+ Criar zona de extração”.

maxcdn

Primeiro, digite o nome da sua zona de recepção. Segundo, insira a URL onde você instalou o WordPress originalmente. Portanto, se você instalou o WordPress em uma subpasta, precisará usá-lo. Terceiro, você precisará inserir um rótulo que o ajudará a acompanhar a zona de recepção.

Digite-puxe-zona-detalhes

Depois de inserir esses detalhes, clique em “+ Criar”. Geralmente, isso leva alguns minutos para criar. Depois de criado, você será direcionado para uma tela que mostra todas as informações de configuração da zona.

maxcdn-zone-config

Você deseja manter essa tela aberta e tomar nota especial do seu URL da CDN.

2. Autorize e conecte o MaxCDN

Volte para o painel do WordPress e navegue para Performance>CDN. Isso o levará à página em que você pode vincular as duas contas.

Agora, role para baixo até ver uma seção intitulada “Configuração” e clique em “Autorizar”, conforme mostrado na imagem abaixo.

maxcdn-zone-config

Isso criará uma chave de autorização para você usar. Copie e cole esse código na caixa “Chave de autorização”.

auth-code-maxcdn

Clique em “Salvar configurações” e a tela será atualizada. Precisamos fazer uma coisa final antes que as contas sejam vinculadas.

A última coisa que você precisa fazer é configurar a zona de recepção criada anteriormente.

maxcdn-zone-config-part3

Você deseja selecionar a zona de recepção criada anteriormente e substituir o nome do host do site pelo URL da CDN desde a primeira etapa (se já não estiver na caixa). Em seguida, clique em “Salvar todas as configurações” e está tudo pronto.

Você vinculou com êxito MaxCDN e W3 Total Cache.

Em Fechamento

Espero que você já saiba que ter um site carregado rapidamente é incrivelmente importante. O futuro do seu negócio pode depender disso! Esperamos que o tutorial acima tenha ajudado você a vincular facilmente o W3 Total Cache e o CDn de sua escolha.

Com o tempo, você pode otimizar ainda mais seu site, aprimorando e testando configurações diferentes. Porém, mesmo seguindo o tutorial simples acima será suficiente para garantir que seu site esteja no escalão superior das velocidades de carregamento do site.

Mas, antes de concluirmos tudo, vamos ver com que rapidez o carregamento do seu site atual. Abra uma ferramenta como o Google PageInsights, GTMetrix ou Pingdom e insira o URL do seu site.

Essas ferramentas testarão suas velocidades de carregamento e fornecerão uma nota. Felizmente, você verá uma grande melhoria no teste que incentivamos você a voltar na introdução.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map