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

  • Autor Autor root78
  • Data de início Data de início
Este tópico foi traduzido automaticamente do espanhol. Ver original
Eu recomendo que na regra você coloque cache agressivo em vez de fazer cache de tudo. Com isso, para mim funciona bem.

Gostaria de poder fazer cache de tudo, mas até o momento é o que consigo fazer. :encouragement:

Vamos ver se algum especialista nos diz o que seria necessário fazer para poder fazer cache de tudo...😱

Tenho o mesmo problema com outra máquina e segui o tutorial.. alguém sabe qual poderia ser o problema? por enquanto desativo o Cloudflare
 
Eu recomendo que na regra você coloque cache agressivo em vez de fazer cache de tudo. Com isso, para mim funciona bem.

Gostaria de poder fazer cache de tudo, mas até o momento é o que consigo fazer. :encouragement:

Vamos ver se algum especialista nos diz o que seria necessário fazer para poder fazer cache de tudo...😱

Sim, mas a CPU vai para 100%, então essa solução é pior que o problema :ambivalence:
 
Você diz que se colocar o cache do Cloudflare como agressivo, aumenta o consumo de CPU?? Por quê?

Qual configuração do Cloudflare faz com que você gaste menos CPU??

Obrigado pelos seus conselhos

Sim, mas a CPU vai para 100%, então essa solução é pior que o problema :ambivalence:
 
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.

28jl35h.jpg


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

Qual é a página onde você realizou o teste do seu site?
 
[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?

Olá root78, você teve oportunidade de revisar a questão das regras? ... acontece exatamente o mesmo comigo, não me deixa fazer login no admin do WP 😕
 
Tenho 2 dúvidas se ativar o cache do Cloudflare:
- Meu site permite o registro de usuários, o menu muda para os usuários registrados e eles podem comentar nos tópicos e criar/responder tópicos no fórum. Como eu faria para que os usuários registrados não vejam o cache do Cloudflare e sim a página ao vivo?
- Se alguém deixa um comentário em um tópico, até que o cache do Cloudflare seja renovado, os usuários não registrados não verão o comentário, certo? E os registrados verão de acordo com o resultado da minha primeira dúvida.
 
Cloudflare é um bom serviço gratuito (tem opção de pagamento 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

Saberia me responder as dúvidas que coloquei anteriormente?
Muito obrigado.
 
Haveria problemas se usar cloudflare (com sua configuração) + page speed (google) e quick cache (plugin)?

Cloudflare é um bom serviço gratuito (tem opção de pagamento 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 de pagamento 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:

PRÉVIO

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 úteis. 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.

2zps2ue.jpg
23ssl05.jpg


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 você faz isso 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.

29wamhy.jpg


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

8zlocw.jpg


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-

2njlys6.jpg


5) Em URL pattern, escrevemos nossa URL: *meusite.com/* (Os asteriscos incluem subdomínios como o www, e o resto de 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 ideal 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 a seção correspondente em OFF.

2e5496s.jpg


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 dashboard, 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*

2z7q3ht.jpg


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 você deve deixar off em vermelho e o que você 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 ao 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 você está utilizando W3TC, tente instalar o plugin de 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 o 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ê tenha 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 servidor, software do servidor, localização e rede, entre outros).

Espero que seja de interesse. Abraços, :encouragement:
 
Olá a todos, assim que eu tiver tempo voltarei a atualizar algumas coisas sobre o tutorial. Aproveito para confirmar que não notei incompatibilidades instalando o mod_pagespeed em um servidor conjuntamente com cloudflare mais um plugin de cache. Este mod, creio que algumas empresas de hospedagem já o têm por padrão, mas não saberia dizer agora mesmo quais. (hostgator, pode ser??)
 
excelente. ...

Enviado do meu GT-I8190L através do Tapatalk
 
Gran tutorial, muchas gracias 🙂

Enviado desde mi pedazo de Galaxy Note II usando Tapatalk
 
Excelente, eu nem sabia que dava para configurar o Cloudflare assim, ótima contribuição!
 
Obrigado pelo tutorial 😀
 
ótimo tutorial
 
Última edição:
olá segui todos os passos do tutorial e tenho um problema com o carrinho de compras da minha loja, ele aparece sempre vazio, você compra algo, ele adiciona, mas se você clica nele, aparece vazio, como posso arrumar isso sem desativar o Cloudflare. Na loja não precisa se registrar para comprar se não quiser. tenho um servidor dedicado e não adicionei os IPs que aparecem porque não sei onde se faz, não sei se tem algo a ver um abraço
 
Eu tive o problema de que se você colocasse cache everything na primeira RULE do tutorial, você não consegue mais logar no painel de controle do seu WordPress, eu solucionei baixando para "aggressive cache" e resolveu, mas não teria forma de colocar everything e funcionar? por sinal, tenho o Cloudflare com seu plugin. Posso instalar normalmente o WP Super Cache ou tem algo que eu tenha que desativar ou para que eles funcionem bem tenho que fazer algo??
 
bom tutorial, mas realizei todos os passos e aparece uma mensagem 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 sabe o que acontece?
 
Muito bom tutorial amigo, mas vou esperar você atualizar o post com a nova configuração. :encouragement: abraços
 
Voltar
Topo