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.

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.

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?

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”.

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.

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.

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".

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".

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

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.

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.

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.

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".

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

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

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.

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.

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

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

c) HTTPS-kraft

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

2. Konfigurera SSL-certifikatinställningar

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

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.

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

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.

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

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

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.

Du kan hitta fler Cloudflare-alternativ genom att klicka på Inställningar.

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

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.