Como configurar o CloudFlare Free CDN no WordPress

Deseja usar o Cloudflare CDN no seu site WordPress?

O Cloudflare é um dos melhores serviços de CDN e firewall do WordPress disponíveis no mercado. Eles oferecem uma CDN gratuita que acelera seu site, juntamente com um conjunto de recursos de segurança poderosos para sites de pequenas empresas.

O desafio é que muitos usuários iniciantes não podem usar o Cloudflare porque pensam que é difícil de configurar.

Neste guia, mostraremos uma configuração completa do Cloudflare no WordPress para ajudá-lo a melhorar a velocidade do seu site.

Configuração CDN Cloudflare grátis no WordPress

Tabela de conte√ļdo:

  • O que √© o CDN? Porque voc√™ precisa disso?
  • O que √© o Cloudflare CDN?
  • MaxCDN vs Cloudflare
  • Configura√ß√£o do Cloudflare CDN no WordPress
  • M√©todo 1: Configura√ß√£o do Cloudflare a partir do host da web cPanel (SiteGround)
  • M√©todo 2: configurar o Cloudflare manualmente
  • Defina as configura√ß√Ķes mais importantes do Cloudflare
  • Otimizando o Cloudflare para WordPress
  • O que √© o CDN? Por que voc√™ precisa de uma CDN para o seu site?

    Uma CDN ou rede de entrega de conte√ļdo √© um sistema de servidores distribu√≠dos que ajudam a entregar os arquivos em seu site mais rapidamente aos usu√°rios, com base em sua localiza√ß√£o geogr√°fica.

    Normalmente, um servi√ßo de hospedagem na web atende os visitantes do seu site a partir de um √ļnico local. Todos os usu√°rios acessam o mesmo servidor, n√£o importa onde estejam. Isso pode causar um atraso na entrega do conte√ļdo para usu√°rios que moram mais longe do servidor de hospedagem central do seu site.

    A CDN resolve esse problema configurando v√°rios Servidores de Borda em diferentes locais do mundo. Esses servidores CDN armazenam em cache o conte√ļdo est√°tico do servidor de origem / n√ļcleo do site, armazenam e apresentam aos usu√°rios ap√≥s a solicita√ß√£o.

    Rede de entrega de conte√ļdo (CDN)

    Quando houver uma solicitação do usuário, o servidor CDN mais próximo da localização do usuário cuidará disso. Por exemplo, se alguém nos EUA EUA Você deseja acessar um site hospedado no Reino Unido e, em seguida, um servidor CDN nos EUA. EUA Ele atenderá a essa solicitação, não o servidor principal no Reino Unido.

    Com a CDN, todas as solicita√ß√Ķes de usu√°rios s√£o tratadas pelos servidores CDN mais pr√≥ximos. Isso reduz a dist√Ęncia f√≠sica entre os visitantes e o servidor do seu site. Como resultado, seu site √© carregado mais rapidamente para todos os usu√°rios, independentemente da localiza√ß√£o geogr√°fica.

    Um site mais rápido também melhora a experiência do usuário e dá ao seu site um pequeno aumento nos rankings de SEO.

    O uso de uma CDN tamb√©m reduz a carga no servidor principal e a protege contra falhas durante picos. Para obter mais informa√ß√Ķes, consulte nosso guia sobre por que voc√™ precisa de uma CDN para o seu blog WordPress.

    O que é o Cloudflare CDN?

    Chama da nuvem

    O Cloudflare √© o provedor CDN gratuito mais popular dispon√≠vel na Internet. √Č uma grande rede de servidores distribu√≠dos globalmente que armazena em cache automaticamente o conte√ļdo est√°tico e fornece conte√ļdo din√Ęmico rapidamente.

    Além de um serviço CDN, o Cloudflare também é um firewall de site baseado em nuvem e um servidor proxy distribuído. Monitora todo o tráfego recebido no seu site e bloqueia o tráfego suspeito antes mesmo que ele chegue ao seu servidor.

    Eles oferecem um plano básico gratuito adequado para sites e blogs de pequenas empresas. Eles também oferecem planos pagos a partir de US $ 20 por mês.

    O Cloudflare é uma ótima opção para pequenas empresas que procuram uma CDN grátis. No entanto, se você quiser usar todos os recursos do Cloudflare, precisará do plano de negócios que custa US $ 200 / mês.

    Nota do editor: N√£o usamos o Cloudflare no WPBeginner. Em vez disso, usamos o MaxCDN (agora parte do StackPath) para o nosso servi√ßo CDN. Eles n√£o o for√ßam a usar seu DNS e oferecem pre√ßos mais razo√°veis ‚Äč‚Äčem escala.

    MaxCDN vs. Cloudflare: qual a diferença?

    MaxCDN e Cloudflare s√£o servi√ßos bastante diferentes, na verdade. Enquanto o MaxCDN est√° focado em veicular seu conte√ļdo por meio da CDN, o Cloudflare est√° mais focado em seguran√ßa e controle de spam.

    Ambos usam tecnologias diferentes para veicular conte√ļdo em suas redes. O MaxCDN exibe o conte√ļdo DNS do seu site usando zonas de recep√ß√£o, basta coloc√°-lo para refletir seu site. O Cloudflare, por outro lado, exibe conte√ļdo por meio de seu pr√≥prio DNS, e voc√™ √© solicitado a alterar o DNS do seu site para apontar para seus servidores.

    O Cloudflare atua como um proxy entre você e os visitantes do seu site, o que significa que ele desiste muito do controle. Enquanto o MaxCDN atua como um proxy reverso, o que significa que você está no controle completo.

    O Cloudflare √© melhor para otimizar a velocidade da p√°gina, impedindo que seu site receba bots, atacantes e rastreadores suspeitos. O MaxCDN √© melhor para melhorar a velocidade do seu site, fornecendo conte√ļdo est√°tico atrav√©s de seus servidores localizados em todo o mundo.

    Contras do uso do Cloudflare

    A maior reclamação dos usuários do Cloudflare é que, enquanto acelera seu site, às vezes adiciona uma segunda tela de carregamento para fins de verificação de segurança que anula o objetivo da velocidade, porque os usuários geralmente precisam esperar 5 segundos antes de poder ver seu site.

    Às vezes, você também pode exibir uma página CAPTCHA pedindo aos usuários que provem que são humanos. Isso cria uma experiência ruim para novos visitantes que nunca mais podem visitar o site.

    Configurando o Cloudflare no seu site WordPress

    Configurar o Cloudflare em um site WordPress é bastante fácil. Existem dois métodos diferentes:

    1. Ao usar uma opção de configuração do Cloudflare com um clique no painel de controle do seu host
    2. Registrando-se manualmente no site Cloudflare

    O primeiro método é a maneira mais fácil de ativar o Cloudflare CDN no seu blog WordPress. Alguns dos principais serviços de hospedagem do WordPress, como o SiteGround, fizeram parceria com o Cloudflare para oferecer uma opção de configuração fácil por meio de seu painel.

    Se o seu provedor de hospedagem na web não oferecer uma opção de configuração integrada do Cloudflare, você poderá adicionar manualmente o serviço ao seu site. Vamos mostrar os dois métodos em detalhes abaixo.

    Método 1: Configuração do Cloudflare CDN com a opção de configuração cPanel One-Click

    Como mencionamos anteriormente, alguns provedores de hospedagem WordPress, como o SiteGround, oferecem uma opção fácil para configurar o Cloudflare CDN no WordPress.

    Esses servidores da web fornecem um aplicativo de integração Cloudflare integrado no cPanel de hospedagem para habilitar o serviço com apenas alguns cliques.

    Essa opção de configuração do Cloudflare funciona de maneira semelhante com a maioria dos provedores de hospedagem que possuem a integração. Para sua referência, mostraremos o processo de instalação na hospedagem do SiteGround.

    Ativar Cloudflare CDN no SiteGround

    Se você estiver usando o SiteGround como sua empresa de hospedagem WordPress, poderá configurar o Cloudflare CDN em seu site em apenas alguns minutos.

    Para começar, faça login no cPanel e vá para a seção "Ferramentas de melhoria do site". Depois disso, clique no ícone "Cloudflare".

    Opção Cloudflare no SiteGround cPanel

    Recentemente, o SiteGround começou a mudar para um novo painel de controle. Se você estiver usando o novo painel, verá o Cloudflare na guia Velocidade. Por exemplo, dê uma olhada na captura de tela abaixo.

    Painel Cloudflare SiteGround

    Para ativar o CDN gratuito do Cloudflare em seu site, basta clicar no bot√£o "Configurar" para continuar.

    Depois disso, você verá um pop-up solicitando que você crie uma conta no Cloudflare ou conecte-se a uma existente.

    Conecte o Cloudflare ao Siteground

    Você verá uma mensagem de que a ativação da CDN está em andamento. Depois de concluído, o Cloudflare CDN estará ativo no seu site WordPress.

    Método 2: Configurando o Cloudflare CDN no WordPress manualmente

    Se a sua hospedagem na web não tiver uma opção de configuração do Cloudflare com um clique, você poderá usar este método. Pode demorar mais alguns minutos, mas também é fácil e fácil de usar.

    Para começar, visite o site do CloudFlare e clique no botão "Inscreva-se".

    Registre-se no site Cloudflare

    Na pr√≥xima p√°gina, voc√™ deve inserir seu endere√ßo de e-mail e senha para criar uma conta no Cloudflare. Basta digitar as informa√ß√Ķes necess√°rias e clicar no bot√£o "Criar conta".

    Criar p√°gina de conta no Cloudflare

    Depois disso, você precisa inserir o URL do seu site.

    Adicionar site ao Cloudflare

    Na próxima tela, você será solicitado a escolher um plano. Para fins deste tutorial, selecionaremos um plano gratuito.

    Selecione um plano Cloudflare

    Depois disso, o Cloudflare mostrará uma lista de todos os registros DNS encontrados pelos seus sistemas. Isso incluirá seus subdomínios também.

    Os registros DNS que você deseja passar pelo Cloudflare terão um ícone de nuvem laranja. Os registros DNS que ignoram o Cloudflare terão um ícone cinza na nuvem.

    Você deve revisar a lista para garantir que seu domínio principal esteja ativo no Cloudflare com um ícone de nuvem laranja.

    Verifique os registros DNS para configurar o Cloudflare

    Depois de verificar seus registros DNS, clique na opção Continuar na parte inferior.

    Na pr√≥xima e √ļltima etapa da sua configura√ß√£o, o Cloudflare solicitar√° que voc√™ atualize seus servidores de nomes. Voc√™ ser√° solicitado a alterar seus servidores de nomes e apont√°-los para servidores de nomes Cloudflare.

    P√°gina de servidores de nomes Cloudflare

    Aviso prévio: A alteração do servidor de nomes pode demorar um pouco para se espalhar pela Internet. Durante esse período, seu site pode estar inacessível para alguns usuários.

    Você pode alterar os servidores de nomes da sua conta de registrador de domínio, como Domain.com, ou se você tiver um domínio gratuito do seu provedor de hospedagem como Bluehost, será necessário alterar o servidor de nomes fazendo login na sua conta de hospedagem.

    Para fins deste tutorial, mostraremos como alterar os servidores de nomes no painel de controle do Bluehost. Embora o processo seja semelhante em todas as empresas de hospedagem, voc√™ sempre pode solicitar ao provedor de hospedagem instru√ß√Ķes detalhadas para o seu painel.

    Depois de fazer login no painel de controle do Bluehost cPanel, vá para a seção "Domínios" e selecione seu nome de domínio. Depois disso, clique na guia "Name Servers" e na opção "Edit".

    Edite servidores de nomes no seu cPanel de hospedagem na web

    Em seguida, você deve selecionar "Personalizado" e inserir os servidores de nomes fornecidos pelo Cloudflare.

    Adicione servidores de nome Cllouflare ao seu cPanel de hospedagem na web

    Depois disso, você precisa voltar para a página de configuração do Cloudflare e clicar no botão "Concluído, verifique os servidores de nomes" para concluir a configuração.

    Nomes DNS personalizados adicionados - Verificar servidores de nomes

    Isso é! Agora, levará alguns minutos para atualizar seus servidores de nomes de domínio e ativar o Cloudflare.

    Uma vez ativado, você verá a mensagem de sucesso no painel do Cloudflare.

    Mensagem de sucesso ativado do Cloudflare

    Agora voc√™ pode personalizar suas configura√ß√Ķes do Cloudflare neste painel. Mostraremos as configura√ß√Ķes mais cr√≠ticas na pr√≥xima se√ß√£o.

    Nota: As capturas de tela acima mostram o painel de controle do Bluehost. As configura√ß√Ķes do servidor de nomes podem parecer diferentes se voc√™ estiver usando um provedor de hospedagem diferente.

    Defina as configura√ß√Ķes mais importantes do Cloudflare

    Sua configura√ß√£o b√°sica do Cloudflare est√° conclu√≠da, mas h√° algumas configura√ß√Ķes essenciais que voc√™ precisa definir para manter seu site WordPress seguro.

    1. Configurar regras específicas da página do WordPress

    Ao configurar as regras da p√°gina, voc√™ pode personalizar como o Cloudflare funciona em p√°ginas espec√≠ficas do seu site. √Č especialmente √ļtil para proteger p√°ginas cr√≠ticas, como a p√°gina de login, a √°rea wp-admin, etc.

    A conta gratuita do Cloudflare permite configurar três regras de página. Se você quiser adicionar mais regras de página, precisará pagar $ 5 por mês para cinco regras adicionais.

    Primeiro, você precisa clicar na opção Regras da página na parte superior e, em seguida, clicar no botão Criar regra da página.

    Crie uma regra de p√°gina no Cloudflare

    Depois disso, você pode configurar as três regras de página a seguir.

    a) Proteja sua p√°gina de login do WordPress

    URL da página: example.com/wp-login.php* Configuração: nível de segurança; Alto

    Crie uma regra de p√°gina para proteger a p√°gina de login do WordPress no Cloudflare

    b) Excluir o painel do Cloudflare WordPress e ativar alta segurança

    URL da p√°gina: exemplo.com/wp-admin* Configura√ß√Ķes: n√≠vel de seguran√ßa; Alto n√≠vel de cache; Ignorar Desativar desempenho Desativar aplicativos

    Crie uma regra de p√°gina para proteger o painel do WordPress no Cloudflare

    c) força HTTPS

    URL da página: http: //*example.com/* Configuração: sempre use HTTPS

    Criar regra de p√°gina para usar HTTPS no WordPress

    2. Definir configura√ß√Ķes de certificado SSL

    Outra configuração importante é o certificado SSL disponível no menu "SSL / TSL" na parte superior.

    Configura√ß√Ķes SSL do Cloudflare

    Certifique-se de escolher "Completo" se você já estiver usando SSL.

    Se você não possui um certificado SSL, consulte nosso guia sobre como obter um certificado SSL gratuito para o seu site.

    Uma vez feito isso, o Cloudflare fornecerá um cadeado verde cobiçado para indicar que seu site é seguro.

    Otimizando o Cloudflare para WordPress usando um plug-in

    O Cloudflare oferece um plug-in WordPress dedicado para configura√ß√Ķes otimizadas do WordPress com um clique. O plug-in permite que voc√™ configure rapidamente o Cloudflare em seu site WordPress, adicione conjuntos de regras de firewall de aplicativos da Web (WAF), limpe automaticamente o cache e muito mais.

    Para começar, instale e ative o plug-in Cloudflare no seu site. Para mais detalhes, consulte o nosso guia passo a passo sobre como instalar um plugin do WordPress.

    Feito isso, voc√™ deve visitar Configura√ß√£o ¬ĽCloudflare no painel do administrador para definir as configura√ß√Ķes do Cloudflare.

    Na p√°gina de configura√ß√Ķes, voc√™ ver√° o bot√£o Criar sua conta gratuita e a op√ß√£o Entrar em contas existentes. Basta clicar na op√ß√£o de login.

    Entre na conta Cloudflare com WordPress

    Na próxima tela, você precisará inserir seu email e chave de API do Cloudflare.

    Digite o formul√°rio de credencial da API Cloudflare

    Você pode encontrar sua chave de API na área da sua conta no site do Cloudflare.

    Basta abrir a página "Meu perfil" e clicar nos tokens da API. Depois disso, vá para a seção Chave da API global e clique no botão Exibir.

    Consulte a chave da API Cloudflare

    Isso abrirá uma janela pop-up e exibirá sua chave de API. Você precisa copiar a chave.

    Copiar chave da API do Cloudflare

    Em seguida, volte ao seu painel do WordPress e insira seu endereço de email e chave de API.

    Salvar credenciais da API Cloudflare no WordPress

    Depois disso, a página inicial do Cloudflare aparecerá no seu painel de controle. A partir daí, você pode aplicar uma otimização do WordPress com um clique, limpar o cache, ativar o cache automático, etc.

    Otimize o Cloudflare para WordPress

    Voc√™ pode encontrar mais op√ß√Ķes do Cloudflare clicando na op√ß√£o Configura√ß√Ķes.

    Configuração do Cloudflare para WordPress

    Ele também mostra estatísticas como visitantes, largura de banda salva, ameaças bloqueadas etc. da opção de análise.

    Cloudflare Analytics no WordPress

    Esperamos que este artigo tenha ajudado você a aprender como configurar a CDN gratuita do Cloudflare no WordPress. Você também pode consultar o nosso guia completo de segurança do site WordPress.

    Se você gostou deste artigo, assine o nosso canal YouTube para assistir a vídeos tutoriais do WordPress. Você também pode encontrar-nos em Twitter e Facebook.