Configurar WordPress com W3 Total Cache e CloudFlare CDN em LAMP

Este guia mostrará como aumentar a velocidade de carregamento do site WordPress com o plugin W3 Total Cache e uma conta gratuita do CloudFlare CDN. Neste tutorial, o sistema CMS WordPress está instalado sobre uma pilha LAMP (Linux + servidor HTTP Apache + RDBMS MariaDB e PHP) em uma máquina virtual auto-hospedada Debian 9, mas o mesmo procedimento pode ser aplicado com sucesso, com algumas pequenas mudanças, em qualquer site WordPress, seja ele implantado em um servidor dedicado, um VPS ou em um ambiente de hospedagem compartilhada.

REQUISITOS

• Um site WordPress disponível em um domínio público registrado. Caso você queira implantar seu próprio site WordPress sobre uma pilha LAMP, deve considerar ler as instruções deste tutorial: https://www.howtoforge.com/tutorial/install-wordpress-on-lamp-in-debian-9/
• Plugin W3 Total Cache instalado e ativado no WordPress
• Uma conta gratuita do CloudFlare

Nota Inicial:

Caso seu site WordPress esteja instalado em um servidor dedicado sobre uma pilha LAMP, a primeira coisa que você precisa verificar é se pode instalar novos plugins a partir do painel do WordPress sem um servidor FTP instalado localmente. Se você for solicitado a inserir uma conta FTP para instalar novos plugins, então você precisa habilitar o método de gravação de sistema de arquivos direto do WordPress. Para habilitar esse recurso do WordPress, abra o arquivo wp-config.php localizado no diretório raiz do seu site e adicione a seguinte linha de código em qualquer lugar no conteúdo do arquivo.

define('FS_METHOD', 'direct');

Você também pode executar o seguinte comando para alcançar o mesmo resultado, sem atualizar manualmente o arquivo wp-config.php, conforme ilustrado na captura de tela abaixo.

echo "define('FS_METHOD', 'direct');" | tee -a /path/to/website/wp-config.php

Antes de configurar o plugin W3 Total Cache com o CloudFlare CDN, visite o site GTmetrix no seguinte link https://gtmetrix.com e faça um teste de desempenho para seu domínio a fim de comparar os resultados após a integração do CDN.

Parte 1 - Instalar W3 Total Cache

• Para instalar o plugin W3 Total Cache, faça login no painel do WordPress e clique no link Plugins -> Adicionar Novo. No campo de busca, escreva W3 Total Cache e clique no botão Instalar Agora para iniciar o processo de instalação, conforme ilustrado na imagem a seguir.

• Após a instalação do plugin W3 Total Cache ser concluída, clique no botão Ativar do plugin W3 Total Cache para ativar o plugin.

Parte 2 – Configurar o Plugin W3 Total Cache

1. Para configurar o plugin W3 Total Cache, navegue até o painel do WordPress e vá para Plugins -> Plugins Instalados no menu à esquerda e clique no link Configurações do W3 Total Cache para iniciar o processo de configuração.

2. Em seguida, vá para Configurações Gerais e habilite a opção Cache de Página. Use o método de cache de página Disk:Enhaced e role para baixo para passar para a próxima opção.

3. Em seguida, role para baixo e desative Minify, Cache de Banco de Dados e Cache de Objetos, porque o CloudFlare CDN cuidará da minificação dos arquivos javascript, CSS e HTML do seu site e também fornecerá seu próprio mecanismo de cache.

Você deve desativar o Cache de Banco de Dados caso o site WordPress esteja instalado em um ambiente de hospedagem compartilhada.

4. Em seguida, role para baixo e habilite o Cache do Navegador conforme ilustrado na imagem abaixo.

5. Role para baixo e desative a opção CDN e Proxy Reverso, depois vá para a aba Diversos e habilite a seguinte opção: Verificar regras de reescrita. Certifique-se de desativar todas as outras opções, conforme apresentado na imagem abaixo.

6. Em seguida, role para baixo e desative todas as opções de Depuração. Por fim, clique no botão Salvar todas as configurações para aplicar a configuração. Além disso, aqui você tem a opção de exportar a configuração do plugin W3 Total Cache ou redefinir o plugin para as configurações padrão caso algo dê errado.

7. As próximas configurações cobrirão a opção Cache de Página no menu à esquerda. Vá para a aba Geral e habilite as seguintes opções, conforme ilustrado na captura de tela abaixo.

• Cache da página inicial

• Cache de feeds: site, categorias, tags, comentários

• Cache de solicitações SSL (https)

• Não cachear páginas para usuários logados

• Não cachear páginas para os seguintes papéis de usuário: Administrador, Editor, Autor, Colaborador e Assinante.

8. Em seguida, role para baixo e habilite a opção Cache de nomes de host alias. Escreva todos os seus aliases de site (com ou sem www) em URLs adicionais de casa e role para baixo para a próxima opção.

9. Na aba Pré-carregamento de Cache, habilite Pré-carregar automaticamente o cache de página. Não altere os valores para Intervalo de atualização e Páginas por intervalo. Além disso, você deve adicionar um sitemap XML para o site. Certifique-se também de habilitar a opção Pré-carregar o cache de postagens em eventos de publicação.

10. Em seguida, role para baixo e habilite Página inicial, Página de postagens, Feed do blog, Páginas de comentários de postagens e rss2 opções na tela de Política de Purga: cache de página, conforme descrito na imagem abaixo.

11. Por fim, role para baixo até a aba Avançado e habilite apenas a opção Modo de Compatibilidade. Deixe todas as outras opções como padrão e clique no botão Salvar todas as configurações para aplicar as alterações feitas até agora.

12. Em seguida, navegue até o menu Cache do Navegador e na aba Geral certifique-se de habilitar as seguintes opções, conforme apresentado na captura de tela abaixo.

• Definir cabeçalho last-Modified

• Definir cabeçalho de expiração

• Definir cabeçalho de controle de cache

• Definir tag de entidade

• Definir cabeçalho W3 Total cache

• Habilitar compressão gzip HTTP

13. Continue rolando para baixo e habilite as seguintes opções para as abas CSS & JS, XTML & XML e Mídia & Outros Arquivos conforme descrito abaixo:

• Definir cabeçalho last-Modified

• Definir cabeçalho de expiração

• Definir cabeçalho de controle de cache

• Política de Controle de Cache definida como cache com max-age e validação (“max-age=EXPIRES_SECONDS, public, must-revalidate, proxy-revalidate”)

• Definir tag de entidade (ETag)

• Definir cabeçalho W3 Total cache

• Habilitar compressão gzip HTTP

14. Por fim, clique no botão Salvar todas as configurações para aplicar a configuração do plugin W3 Total Cache. No entanto, você deve ajustar as configurações do plugin W3 Total Cache e realizar testes para determinar as melhores opções para o seu site.

Parte 3 – Configurar CloudFlare CDN

15. Para ativar o plugin CloudFlare no WordPress, navegue até Desempenho -> Extensões - CloudFlare e clique no link Ativar, conforme ilustrado na imagem a seguir.

16. Para configurar o plugin CloudFlare, clique no link Configurações no menu de Extensões, conforme apresentado na captura de tela abaixo.

17. CloudFlare é um serviço de rede de entrega de conteúdo (CDN) que atua como um acelerador proxy reverso para sites. Entre outras funcionalidades, algumas das quais você terá que pagar, o CloudFlare oferece serviços de DNS e segurança integrada para sites em cache. Para integrar um site ao CloudFlare CDN, tudo o que você precisa fazer é se inscrever para uma conta gratuita no seguinte link https://www.cloudflare.com/a/login e adicionar seu domínio às suas redes, conforme ilustrado na captura de tela abaixo.

18. Aguarde cerca de um minuto para o CloudFlare escanear os registros DNS do seu domínio e clique no botão Continuar para passar para a tela de registros DNS. Na tela de registros DNS detectados, verifique se todos os seus registros de domínio foram descobertos. Se todos os seus registros DNS estiverem presentes na lista, clique no botão Continuar para prosseguir. Use as capturas de tela abaixo como guia.

19. Em seguida, você precisa escolher um plano CloudFlare para seu domínio e clicar no botão Continuar para passar para a próxima tela. Neste tutorial, escolheremos um plano de Site Gratuito.

20. Na próxima tela, anote os servidores de nomes DNS do CloudFlare e atualize os servidores de nomes do seu domínio de acordo. Você precisa fazer login no painel do seu registrador de domínio para alterar os servidores de nomes do seu domínio e os novos registros devem ser atualizados o mais rápido possível. Os servidores de nomes do domínio devem apontar exatamente para os servidores de nomes do CloudFlare e nenhum outro registro ns. Quando terminar, clique no botão Continuar para finalizar o processo de integração. No entanto, você pode clicar no botão Continuar e atualizar os registros ns DNS no seu registrador mais tarde.

21. Após modificar os servidores de nomes do seu domínio, clique no botão Reverificar Servidores de Nomes para forçar o processo de ativação. A propagação do DNS do domínio na nuvem da internet leva até 24 horas para ser concluída. No entanto, durante esse tempo, seu site não será afetado de forma alguma. Sem tempo de inatividade!

22. Em seguida, navegue até o painel da web do CloudFlare e clique no botão do menu Velocidade. Aqui, habilite a opção Minificação Automática para JavaScript, HTML e CSS, conforme ilustrado na imagem abaixo. Esta configuração irá comprimir todos os arquivos javascript, CSS e HTML para reduzir seu volume e entregá-los mais rapidamente aos navegadores dos clientes finais.

23. Role para baixo e habilite o modo Automático para o Rocket Loader, conforme ilustrado abaixo.

24. Em seguida, clique no botão Crypto e defina a criptografia SSL para Completa. Depois, vá para a tela principal para obter a chave da API e ativar a extensão CloudFlare do WordPress. Clique no link Obter sua chave da API, selecione Chave da API Global e clique no botão Ver Chave da API. Uma nova janela pop-up deve abrir. Copie a string da chave da API da área de transferência e feche a janela pop-up.

25. Volte para o site WordPress e vá para Desempenho -> Extensões -> CloudFlare e clique no link Configurações. Na tela do CloudFlare, clique no botão Autorizar e adicione o endereço de e-mail que você usou para se inscrever no CloudFlare e a chave da API que você copiou da chave da API Global. Quando terminar, clique no botão Próximo para continuar.

26. Selecione sua zona de domínio e clique no botão Próximo para finalizar o processo de autorização. Em seguida, você pode começar a gerenciar as configurações do CloudFlare CDN para seu domínio através do plugin CloudFlare no WordPress.

27. Se você já atualizou os registros ns DNS no seu registrador, pode esperar algumas horas e então fazer login no painel do CloudFlare. O site deve estar ativado com sucesso no CloudFlare.

**

Aguarde alguns dias para que o serviço CloudFlare CDN faça o cache completo do conteúdo do seu site e analise a velocidade do seu site novamente no site https://gtmetrix.com. Compare os resultados com o relatório inicial para determinar o benefício de desempenho fornecido pelo CloudFlare CDN.