Dicas de configuração CloudFlare

Depois de ativar a CloudFlare, existem algumas opções que podem ser ativadas para maximizar a otimização do site, abaixo algumas delas.

O primeiro passo é acessar sua conta em https://www.cloudflare.com/a/login

Em Speed, ative o Auto Minify, com ela os arquivos de JavaScript, CSS e HTML do site vão ter o tamanho reduzido de forma automática pela CloudFlare.

Auto Minify remove caracteres desnecessários do seu código-fonte (como espaços em branco, comentários, etc.) sem alterar sua funcionalidade.
O Minify pode reduzir o tamanho dos arquivos de origem, reduzindo a quantidade de dados que precisa ser transferida para os visitantes e melhora os tempos de carregamento da página.

cloudflare1.PNG

Ative também o Rocket Loader com a opção Automatic, assim paginas que trabalham com JavaScript serão otimizadas.

Rocket Loader melhora os tempos de carregamento da página por:
Diminuindo o número de solicitações de rede agrupando arquivos JavaScript, mesmo recursos de terceiros, para evitar o abrandamento da renderização da página
Carregando assíncronamente scripts, incluindo scripts de terceiros, para que eles não bloqueem o carregamento do conteúdo da sua página imediatamente
Cachar scripts localmente (usando o LocalStorage, disponível na maioria dos navegadores e telefones inteligentes) para que eles não sejam remodelados, a menos que seja necessário.

cloudflare2.PNG

Em Caching, ative o Caching Level em Standard.

  • No Query String: A requisição buscará arquivos do cache apenas quando não existe uma query envolvida.
  • Ignore Query String: O arquivo será buscado no cache independente da query.
  • Standard: O arquivo poderá ser buscado do cache com base na query executada, se ela mudar o arquivo também mudará.

cloudflare3.PNG

A ultima dica é criar uma Page Rule confirmando que o Cache Level deve ser aplicado no nível máximo, assim garantimos que todo o site utilizará as regras criadas anteriormente.

cloudflare4.PNG

Ao atualizar qualquer arquivo estático do site (imagens, arquivos css e JS) será preciso limpar o cache da CloudFlare com as opções Caching e Purge Everything.

cloudflare5.png