Hur man konfigurerar CloudFlare Free CDN i WordPress

Vill du anvÀnda Cloudflare CDN pÄ din WordPress-webbplats?

Cloudflare Àr en av de bÀsta WordPress CDN- och brandvÀggstjÀnsterna som finns pÄ marknaden. De erbjuder ett gratis CDN som snabbar upp din webbplats tillsammans med en uppsÀttning kraftfulla sÀkerhetsfunktioner för webbplatser för smÄ företag.

Utmaningen Àr att mÄnga anvÀndare pÄ startnivÄ inte kan anvÀnda Cloudflare eftersom de tycker att det Àr svÄrt att konfigurera.

I den hÀr guiden tar vi dig igenom en komplett Cloudflare-installation i WordPress för att hjÀlpa dig förbÀttra hastigheten pÄ din webbplats.

Cloudflare Free CDN-instÀllning i WordPress

InnehÄllsförteckning:

Vad Àr CDN? För att du behöver det? Vad Àr Cloudflare CDN? MaxCDN vs Cloudflare StÀlla in Cloudflare CDN i WordPress-metoden 1: Cloudflare-konfiguration frÄn Web Host cPanel (SiteGround) -metod 2: konfigurera Cloudflare manuellt Konfigurera de viktigaste Cloudflare-instÀllningarna Optimera Cloudflare för WordPress

Vad Àr CDN? Varför behöver du ett CDN för din webbplats?

Ett CDN eller Content Delivery Network Àr ett sistema av distribuerade servrar som hjÀlper till att leverera filerna pÄ din webbplats snabbare till anvÀndare baserat pÄ deras geografiska plats.

Vanligtvis tjÀnar en webbhotelltjÀnst besökare pÄ din webbplats frÄn en enda plats. Alla anvÀndare har Ätkomst till samma server, oavsett var de Àr. Detta kan orsaka förseningar i innehÄllsleverans för anvÀndare som bor lÀngre bort frÄn din webbplats centrala vÀrdserver.

CDN löser problemet genom att konfigurera flera Edge-servrar pÄ olika platser runt om i vÀrlden. Dessa CDN-servrar cachar det statiska innehÄllet frÄn din webbplats ursprung / kÀrnserver, lagrar det och presenterar det för anvÀndare efter att de begÀr det.

Content Delivery Network (CDN)

NÀr det finns en anvÀndarförfrÄgan kommer CDN-servern nÀrmast anvÀndarens plats att ta hand om den. Till exempel om nÄgon i USA USA Du vill komma Ät en webbplats som Àr vÀrd i Storbritannien, sedan en CDN-server i USA. USA Den kommer att hantera den begÀran, inte huvudservern i Storbritannien.

Med CDN hanteras alla anvÀndarförfrÄgningar av de nÀrmaste CDN-servrarna. Detta minskar det fysiska avstÄndet mellan besökarna och servern pÄ din webbplats. Som ett resultat laddas din webbplats snabbare för alla anvÀndare, oavsett deras geografiska plats.

En snabbare webbplats förbÀttrar ocksÄ anvÀndarupplevelsen och ger din webbplats en liten uppsving i SEO-ranking.

AnvÀndning av ett CDN minskar ocksÄ belastningen pÄ din primÀra server och skyddar den mot fel under spikar. För mer information, se vÄr guide om varför du behöver ett CDN för din WordPress-blogg.

Vad Àr Cloudflare CDN?

Molnflamma

Cloudflare Àr den mest populÀra gratis CDN-leverantören tillgÀnglig pÄ Internet. Det Àr ett stort nÀtverk av globalt distribuerade servrar som automatiskt cachar statisk innehÄll och levererar dynamiskt innehÄll snabbt.

Förutom en CDN-tjĂ€nst Ă€r Cloudflare ocksĂ„ en molnbaserad webbplatsvĂ€ggen och en distribuerad proxyserver. Övervakar all inkommande trafik till din webbplats och blockerar misstĂ€nkt trafik Ă€ven innan den nĂ„r din server.

De erbjuder en gratis grundplan som Àr lÀmplig för webbplatser och bloggar för smÄ företag. De erbjuder ocksÄ betalda planer som börjar pÄ $ 20 per mÄnad.

Cloudflare Àr ett bra alternativ för smÄ företag som letar efter ett gratis CDN. Men om du vill anvÀnda alla funktioner i Cloudflare behöver du en affÀrsplan som kostar $ 200 / mÄnad.

Redaktörens anmÀrkning: Vi anvÀnder inte Cloudflare i WPBeginner. IstÀllet anvÀnder vi MaxCDN (nu en del av StackPath) för vÄr CDN-tjÀnst. De tvingar dig inte att anvÀnda din DNS och erbjuder mer rimliga priser i skala.

MaxCDN vs. Cloudflare: vad Àr skillnaden?

MaxCDN och Cloudflare Àr faktiskt helt olika tjÀnster. Medan MaxCDN fokuserar pÄ att betjÀna ditt innehÄll via sitt CDN, Àr Cloudflare mer inriktad pÄ sÀkerhet och skrÀppostkontroll.

De anvÀnder bÄda olika tekniker för att servera innehÄll över sina nÀtverk. MaxCDN serverar din webbplats DNS-innehÄll med hjÀlp av dragzoner, bara sÀtta det för att spegla din webbplats. Cloudflare, Ä andra sidan, serverar innehÄll via sin egen DNS, och du ombeds att Àndra din webbplats DNS för att peka pÄ dina servrar.

Cloudflare fungerar som en proxy mellan dig och dina besökare pÄ webbplatsen, vilket innebÀr att det ger upp mycket kontroll. Medan MaxCDN fungerar som en omvÀnd proxy, vilket innebÀr att du har full kontroll.

Cloudflare Àr bÀst pÄ att optimera dina sidhastigheter genom att förhindra din webbplats frÄn att ta emot skadliga bots, angripare och misstÀnkta sökrobotar. MaxCDN Àr bÀst pÄ att förbÀttra hastigheten pÄ din webbplats genom att betjÀna ditt statiska innehÄll via dess servrar i hela vÀrlden.

Nackdelar med att anvÀnda Cloudflare

Det största klagomÄlet frÄn anvÀndare med Cloudflare Àr att Àven om det pÄskyndar din webbplats kommer det ibland att lÀgga till en andra laddningsskÀrm för sÀkerhetsverifieringsÀndamÄl som besegrar syftet med hastighet eftersom anvÀndare ofta mÄste vÀnta 5 sekunder innan du kan se din webbplats.

Ibland kan du ocksÄ visa en CAPTCHA-sida som ber anvÀndarna att bevisa att de Àr mÀnskliga. Detta skapar en dÄlig upplevelse för nya besökare som aldrig kan besöka webbplatsen igen.

StÀlla in Cloudflare pÄ din WordPress-webbplats

Det Àr ganska enkelt att installera Cloudflare pÄ en WordPress-webbplats. Det finns tvÄ olika metoder:

    NÀr du anvÀnder ett klick pÄ Cloudflare-konfigurationsalternativ i vÀrdens kontrollpanel Genom att manuellt registrera dig pÄ Cloudflare-webbplatsen

Den första metoden Àr det enklaste sÀttet att aktivera Cloudflare CDN pÄ din WordPress-blogg. NÄgra av de stora WordPress-vÀrdtjÀnsterna som SiteGround har samarbetat med Cloudflare för att erbjuda ett enkelt installationsalternativ via sin instrumentpanel.

Om din webbhotellleverantör inte erbjuder ett integrerat instÀllningsalternativ för Cloudflare kan du lÀgga till tjÀnsten manuellt till din webbplats. Vi kommer att visa bÄda metoderna i detalj nedan.

Metod 1: Cloudflare CDN-konfiguration med cPanel-ett-klick-konfigurationsalternativ

Som vi nÀmnde tidigare erbjuder vissa WordPress-vÀrdleverantörer som SiteGround ett enkelt alternativ att konfigurera Cloudflare CDN i WordPress.

Dessa webbservrar erbjuder en integrerad Cloudflare-integrationsapplikation i din vÀrd cPanel för att möjliggöra tjÀnsten med bara nÄgra fÄ klick.

Detta Cloudflare-konfigurationsalternativ fungerar pÄ liknande sÀtt med de flesta webbhotellleverantörer som har integrationen. Som referens kommer vi att visa installationsprocessen i SiteGround-vÀrden.

Aktivera Cloudflare CDN i SiteGround

Om du anvÀnder SiteGround som ditt WordPress-vÀrdföretag kan du stÀlla in Cloudflare CDN pÄ din webbplats pÄ bara nÄgra minuter.

För att komma igĂ„ng, logga in pĂ„ din cPanel och gĂ„ till avsnittet "Verktyg för webbplatsförbĂ€ttring". Klicka sedan pĂ„ ikonen “Cloudflare”.

Cloudflare-alternativ i SiteGround cPanel

SiteGround började nyligen byta till en ny kontrollpanel. Om du anvÀnder den nya panelen ser du Cloudflare pÄ fliken Speed. Ta exempelvis en titt pÄ skÀrmdumpen nedan.

Cloudflare SiteGround-panel

För att aktivera Cloudflares gratis CDN pÄ din webbplats klickar du bara pÄ "Konfigurera" -knappen för att fortsÀtta.

Efter det kommer du att se en popup som ber dig att skapa ett Cloudflare-konto eller ansluta till ett befintligt.

Anslut Cloudflare till Siteground

Du kommer dÄ att se ett meddelande om att CDN-aktivering pÄgÄr. NÀr det Àr klart Àr Cloudflare CDN aktivt pÄ din WordPress-webbplats.

Metod 2: StÀlla in Cloudflare CDN i WordPress manuellt

Om din webbhotell inte har ett instÀllningsalternativ för Cloudflare med ett klick, kan du anvÀnda den hÀr metoden. Det kan ta nÄgra minuter till, men det Àr ocksÄ enkelt och anvÀndarvÀnligt.

För att komma igÄng ska du besöka CloudFlare-webbplatsen och klicka pÄ knappen "Registrera dig".

Registrera dig pÄ Cloudflare-webbplatsen

PÄ nÀsta sida mÄste du ange din e-postadress och lösenord för att skapa ett Cloudflare-konto. Ange bara önskad information och klicka sedan pÄ knappen "Skapa konto".

Skapa kontosida i Cloudflare

Efter det mÄste du ange webbadressen till din webbplats.

LĂ€gg till webbplats till Cloudflare

PÄ nÀsta skÀrm kommer du att bli ombedd att vÀlja en plan. För denna tutorials skull vÀljer vi en gratis plan.

VĂ€lj en Cloudflare-plan

DÀrefter visar Cloudflare dig en lista över alla DNS-poster som dina system hittade. Detta kommer ocksÄ att inkludera dina underdomÀner.

DNS-poster som du vill gÄ igenom Cloudflare har en orange molnikon. DNS-poster som kommer att kringgÄ Cloudflare kommer att ha en grÄ molnikon.

Du bör granska listan för att se till att din primÀra domÀn Àr aktiv i Cloudflare med en orange molnikon.

Kontrollera DNS-poster för att konfigurera Cloudflare

NÀr du har verifierat dina DNS-poster klickar du pÄ alternativet FortsÀtt lÀngst ner.

I nÀsta och sista steg i installationen kommer Cloudflare att be dig att uppdatera dina namnservrar. Du blir ombedd att Àndra dina namnservrar och peka dem till Cloudflare-namnservrar.

Cloudflare-namnserversida

LÀgga mÀrke till: Att Àndra namnservern kan ta lite tid att sprida över Internet. Under denna tid kan din webbplats vara otillgÀnglig för vissa anvÀndare.

Du kan Àndra namnservrar frÄn ditt domÀnregistrarkonto som Domain.com, eller om du fick en gratis domÀn frÄn din webbhotell som Bluehost mÄste du Àndra namnservern genom att logga in pÄ ditt webbhotellkonto.

För denna tutorial visar vi dig hur du Àndrar namnservrar frÄn Bluehost-kontrollpanelen. Processen liknar alla vÀrdföretag, men du kan alltid be din webbhotell för detaljerade instruktioner för din instrumentpanel.

NÀr du Àr inloggad pÄ din Bluehost cPanel-kontrollpanel, gÄ till avsnittet "DomÀner" och vÀlj ditt domÀnnamn. Klicka sedan pÄ fliken "Namnservrar" och alternativet "Redigera".

Redigera namnservrar i din webbhotell cPanel

DÀrefter mÄste du vÀlja "Anpassad" och ange namnservrarna som tillhandahÄlls av Cloudflare.

LĂ€gg till Cllouflare namnservrar i din webbhotell cPanel

Efter det mÄste du gÄ tillbaka till Cloudflare-konfigurationssidan och klicka pÄ knappen "Klar, verifiera namnservrar" för att avsluta konfigurationen.

Anpassade DNS-namn tillagda - Verifiera namnservrar

Det Àr! Nu tar det nÄgra minuter att uppdatera dina domÀnnamnservrar och aktivera Cloudflare.

NÀr den Àr aktiverad ser du framgÄngsmeddelandet pÄ din Cloudflare-instrumentbrÀda.

Cloudflare-aktiverat framgÄngmeddelande

Du kan nu anpassa dina Cloudflare-instÀllningar frÄn den hÀr panelen. Vi visar dig de mest kritiska instÀllningarna i nÀsta avsnitt.

Notera: OvanstÄende skÀrmdumpar visar Bluehost-kontrollpanelen. Dina namnserverinstÀllningar kan se annorlunda ut om du anvÀnder en annan webbhotell.

Konfigurera de viktigaste Cloudflare-instÀllningarna

Din grundlÀggande Cloudflare-installation Àr klar, men det finns nÄgra viktiga instÀllningar som du mÄste konfigurera för att hÄlla din WordPress-webbplats sÀker.

1. StÀll in specifika WordPress-sidregler

Genom att stÀlla in sidregler kan du anpassa hur Cloudflare fungerar pÄ specifika sidor pÄ din webbplats. Det Àr sÀrskilt anvÀndbart för att sÀkra kritiska sidor som inloggningssidan, wp-admin-omrÄdet, etc.

Cloudflares gratis konto lÄter dig konfigurera tre sidoregler. Om du vill lÀgga till fler sidregler mÄste du betala $ 5 per mÄnad för fem ytterligare regler.

Först mÄste du klicka pÄ alternativet Sidregler lÀngst upp och sedan klicka pÄ knappen Skapa sidoregel.

Skapa en sidregel i Cloudflare

Efter det kan du konfigurera följande tre sidoregler.

a) SĂ€kra din WordPress-inloggningssida

Sidadress: exempel.com/wp-login.php*
InstÀllning: SÀkerhetsnivÄ; Hög

Skapa en sidoregel för att sÀkra WordPress-inloggningssida i Cloudflare

b) Uteslut Cloudflare WordPress-instrumentpanelen och möjliggör hög sÀkerhet

Sidadress: exempel.com/wp-admin*
InstÀllningar: SÀkerhetsnivÄ; Hög
Cache-nivÄ; HÀrledning
Inaktivera prestanda
Inaktivera appar

Skapa en sidoregel för att skydda WordPress-instrumentpanelen i Cloudflare

c) HTTPS-kraft

Sidans URL: http: //*example.com/*
Konfiguration: anvÀnd alltid HTTPS

Skapa sidoregel för att anvÀnda HTTPS i WordPress

2. Konfigurera SSL-certifikatinstÀllningar

En annan viktig instÀllning Àr SSL-certifikatet som finns tillgÀngligt i "SSL / TSL" -menyn lÀngst upp.

Cloudflare SSL-instÀllningar

Var noga med att vÀlja "Komplett" om du redan anvÀnder SSL.

Om du inte har ett SSL-certifikat, kolla in vÄr guide om hur du fÄr ett gratis SSL-certifikat för din webbplats.

NÀr detta Àr gjort kommer Cloudflare att tillhandahÄlla ett eftertraktat grönt hÀnglÄs för att indikera att din webbplats Àr sÀker.

Optimera Cloudflare för WordPress med hjÀlp av ett plugin

Cloudflare erbjuder ett dedikerat WordPress-plugin för optimerade WordPress-instÀllningar med ett klick. Plugin gör att du snabbt kan konfigurera Cloudflare pÄ din WordPress-webbplats, lÀgga till webbapplikationens brandvÀggsregeluppsÀttningar (WAF), automatiskt rensa cachen och mer.

För att komma igÄng, installera och aktivera Cloudflare-plugin pÄ din webbplats. Mer information finns i vÄr steg-för-steg-guide för hur du installerar ett WordPress-plugin.

NÀr detta Àr gjort bör du besöka Konfiguration »Cloudflare frÄn din adminpanel för att konfigurera Cloudflare-instÀllningar.

PÄ instÀllningssidan ser du knappen Skapa ditt gratis konto och alternativet Logga in för befintliga konton. Klicka bara pÄ inloggningsalternativet.

Logga in pÄ Cloudflare-konto med WordPress

PÄ nÀsta skÀrm mÄste du ange din Cloudflare-e-post och API-nyckel.

Ange Cloudflare API Credential Form

Du hittar din API-nyckel i ditt kontoomrÄde pÄ Cloudflare-webbplatsen.

Öppna bara sidan "Min profil" och klicka sedan pĂ„ API-tokens. GĂ„ sedan till avsnittet Global API Key och klicka pĂ„ Visa-knappen.

Se Cloudflare API-nyckel

Detta öppnar ett popup-fönster och visar din API-nyckel. Du mÄste kopiera nyckeln.

Kopiera Cloudflare API-nyckel

GĂ„ sedan tillbaka till din WordPress-instrumentpanelen och ange din e-postadress och API-nyckel.

Spara Cloudflare API-referenser i WordPress

DÀrefter visas Cloudflare-startsidan pÄ din kontrollpanel. DÀrifrÄn kan du tillÀmpa ett klick pÄ WordPress-optimering, rensa cache, aktivera automatisk cache, etc.

Optimera Cloudflare för WordPress

Du kan hitta fler Cloudflare-alternativ genom att klicka pÄ InstÀllningar.

Cloudflare-instÀllning för WordPress

Den visar ocksÄ statistik som besökare, sparad bandbredd, blockerade hot etc. av analysalternativet.

Cloudflare Analytics i WordPress

Vi hoppas att den hÀr artikeln har hjÀlpt dig att lÀra dig hur du stÀller in Cloudflares gratis CDN i WordPress. Du kanske ocksÄ vill se vÄr kompletta sÀkerhetsguide för WordPress webbplats.

Om du gillade den hÀr artikeln, prenumerera pÄ vÄr kanal YouTube för att titta pÄ WordPress sjÀlvstudievideo. Du kan ocksÄ hitta oss pÄ Twitter och Facebook.

0 Shares