Tutorial: Otimização de Wordpress com Cloudflare: grátis e eficaz

Cloudflare é um bom serviço gratuito (tem opção paga com mais vantagens) que ajuda a proteger nossos sites, e além disso, atua como um CDN que otimiza processos e reduz a carga do servidor. As vantagens são várias:

• CDN: Distribui o conteúdo web por diferentes nós, fazendo com que os tempos de resposta diminuam a partir do país de onde te visitam. Além disso, reduz o consumo de largura de banda
• FIREWALL: É capaz de bloquear tentativas de ataques, bots, spam e outras formas de prejudicar seu servidor ou site. Muito útil para ataques DDoS.
• GRÁTIS: Permite o uso do CDN e regras básicas da aplicação sem custo algum. A versão paga tem opções mais avançadas e mais vantagens, mas algo é algo
• INSTALAÇÃO: Somente precisa mudar os DNS do seu domínio e ativar o plugin no Wordpress. Se não te convencer, muda os DNS e acabou o Cloudflare.

Como recomendação, muita gente usa somente seus DNS e o emprega como CDN já que, às vezes, ao configurar a segurança pode dar falsos positivos ou detectar usuários normais como bots ou ataques.

Uma boa forma de aproveitá-lo com Wordpress é fazendo uso das 3 regras grátis que a opção free permite. Por isso, vamos trabalhar:

PREVIO

0) Assumo que você tem uma conta no Cloudflare e já mudou os DNS para que trabalhem com a aplicação. Se este não é o caso, procure no fórum alguns dos tutoriais que mais betas escreveram e que te resultarão de utilidade. Neste caso em particular, não vou empregar as regras de segurança.

CONFIGURAÇÃO GERAL

1) No painel principal, revisamos a configuração do Cloudflare. Em Settings overview, manteremos a segurança desativada. Always Online e IP Geolocation deixe em ON. O resto, por padrão.



2) Fazemos clique na aba de Performance settings. Estes valores são orientativos mas os explico: minifico o CSS e o HTML, deixando o JS porque às vezes me deu problemas com determinados scripts. Quanto à expiração TTL do cache você pode reduzir o tempo se estiver atualizando com frequência. Se o faz a cada 3 ou 4 dias, aumente os valores. Como detalhe, o Rocket Loader deixo por padrão em ON, mas costumo fazer testes com pagespeed insights já que em ocasiões resulta mais lento.



3) Voltamos fazendo clique em "Websites" no menu de cima, e agora voltamos a abrir a aba, mas fazendo clique em "Page Rules".



CRIANDO REGRAS

4) Para aumentar a velocidade do site, vamos criar 1 regra que permita fazer cache de absolutamente tudo, e isto inclui uma grande lista de arquivos: páginas, imagens, css, js, swf,... Link para a lista de extensões: https://support.cloudflare.com/entr...ons-does-CloudFlare-cache-for-static-content-



5) Em URL pattern, escrevemos nossa URL: *meusite.com/* (Os asteriscos incluem subdomínios como o www, e o resto dos permalinks que o site tenha. Se colocar blog.meusite.com/* não funcionará).

6) Parâmetros Regra 1: o mais importante é o "Custom Caching", no qual selecionaremos "Cache Everything". Todo o resto, você pode ir testando. Marquei com setas azuis o que você pode ir variando até encontrar sua configuração mais idônea já que nem todos os sites são iguais (tema usado, versão wp, hospedagem, plugins,...). Por exemplo, se não quer NADA de segurança, deixe o apartado correspondente em OFF.



7) Configurado o que nos interessa, agora vamos realizar um ajuste básico e é que se fizermos cache de tudo, o principal inconveniente que podemos encontrar é que não possamos acessar o painel, ou o que é pior, que nossos usuários não possam se registrar ou fazer login. Para isso, criamos uma segunda regra que afete a pasta wp-admin. Em URL pattern escreveremos: *meusite.com/wp-admin*



8) O objetivo é que não se aplique a primeira regra para que possa passar o filtro. Na imagem, fica exposto o importante em amarelo, o que deve deixar off em vermelho e o que pode variar com uma seta. Por último, a terceira regra e última que o Cloudflare free permite será a mesma que a segunda mas com wp-login, ficando assim: *meusite.com/wp-login*

9) Agora que já está tudo, volte para Cloudflare Settings ---> Settings overview ---> E clique em "Purgue Cache". Limparemos o cache atual e as novas mudanças serão aplicadas.

NOTAS

Isto é compatível com qualquer sistema de cache que o Wordpress já tenha (WP Super Cache, Quick Cache, W3TC,...). Se está utilizando W3TC, tente instalar o plugin do Cloudflare e desativar o que vem no menu interno.
Se trabalha com seu servidor dedicado, não esqueça de dar acesso a partir do iptables ou do CSF aos IPs do Cloudflare: https://es.cloudflare.com/ips.
Por último, lembre-se que o uso do Cloudflare não te assegura uma boa pontuação no pagespeed ou no Yslow. A prioridade sempre está no quão leve você tem o Wordpress (cuide ao máximo seu .htaccess), o design e o código do seu tema e o servidor onde se hospede (hardware do server, software do server, localização e rede, entre outros).

Espero que seja de interesse. Abraços, :encouragement:

Tutorial aprovado e adicionado à lista. Agradecemos.

Muito obrigado por este baita tutorial, encontrar este tipo de informação é muito difícil. :encouragement:

Muito bem!! Obrigado bro, muito bem explicado!

Obrigado, faz tempo que procurava algo assim 🙂

Amigo Link removido, faz horas que estava procurando na web como sincronizar de alguma maneira o WP Super Cache com CloudFlare e olha onde vim encontrar o melhor tutorial, me salvou, quase um segundo a menos no carregamento da página, um aumento no desempenho de 12% 😱, simplesmente Impressionante, mil obrigado, hehe.



PS: WP Super Cache + CloudFlare, combinação mortal. :encouragement:

Estou configurando neste exato instante mas tenho uma dúvida. Ao tê-lo em espanhol, o que significa bypass cache na segunda regra? Qual destas? obrigado

É a segunda opção:

Sobre isso, tenho uma dúvida....
Se fizermos cache das páginas do nosso site com o Cloudflare, em teoria poderíamos dispensar o plugin de cache do nosso WordPress, não é?

Muito obrigado!!

Recomendado 100% este tutorial, pois melhorou 75% meus sites

quando tento colocar o dns que o Cloudflare gera no painel de controle do domínio, aparece o erro 531, alguém sabe o que está acontecendo?

thezar disse:

Amigo Enlace eliminado, faz horas que eu estava procurando na web como sincronizar de alguma maneira o WP Super Cache com o CloudFlare e olha onde vim encontrar o melhor tutorial, me salvou, quase um segundo a menos no carregamento da página, um aumento no desempenho de 12% 😱, simplesmente Impressionante, mil graças, hehehe.

PS: WP Super Cache + CloudFlare, combinação mortal. :encouragement:

Clique para expandir...

como está o tráfego??? funcionou

Mil graças pelo tutorial. Estava fazendo muita falta para o meu blog

[MENTION=2268]root78[/MENTION] Você sabe por que não consigo entrar para fazer login quando tenho o Cloudflare ativado? Segui tudo ao pé da letra e, embora as regras do wp-admin e wp-login estejam aparentemente bem, fica impossível fazer login enquanto o tenho ativado

[MENTION=18234]numeric[/MENTION] e os demais, fico feliz com o resultado :encouragement:

Você tem razão [MENTION=49061]ismadobe[/MENTION], vou dar uma olhada novamente nas regras porque, curiosamente, aconteceu em um dos meus sites (não em todos); também não consigo acessar e tenho que pausá-lo para acessar.

[MENTION=47597]Slayer809[/MENTION], qual problema você tem? Você coloca os dns que começam com pat e dan, e depois aparece o erro 531 no seu site ou no registrador? Onde você tem o domínio registrado?

Pois veja que eu não estava aproveitando todo o potencial do Cloudflare, e olha que a integração a partir do SiteGround é uma maravilha. É o que acontece quando não lemos ou não pesquisamos um pouco mais.

Nesse sentido, seu tutorial é fantástico, nos poupou o tempo de leitura e, num instante, vamos direto ao ponto. Logo se nota nos testes de velocidade a melhoria da aplicação das regras.

Assim é muito bom. :encouragement:

Abraços.

Eu antes conseguia fazer o Cloudflare funcionar bem, mas há algum tempo não consigo fazê-lo funcionar como deveria em nenhum dos meus sites, e possivelmente seja por alguma incompatibilidade com algo.

PS: Muito bom tutorial.

Apliquei o tutorial exatamente como está e agora não me deixa entrar no painel de administração. Aparece:

ERRO: Os Cookies estão bloqueados ou não são suportados pelo seu navegador. Você deve habilitar os cookies para usar o WordPress.

Alguém já passou por isso e sabe como fazer para que isso não apareça?

obrigado

---------- Post adicionado em 21-nov-2013 hora: 12:57 ----------

Se na regra do domínio inteiro eu coloco cache de tudo, depois não consigo entrar no painel de administração, no máximo posso colocar cache agressivo...

Alguém sabe o que precisa mudar para conseguir acessar o painel de administração fazendo cache de tudo?

Obrigado