Hur snabbar du upp och säkrar din webbplats med Cloudflare?

By rik

Enkelt uttryckt, Cloudflare CDN minskar avståndet. Låt oss undersöka hur det bidrar till att din webbplats laddas snabbare globalt. Var uppmärksam!

Avstånd är inte bara skadligt för relationer; det är även en utmaning för dataöverföring.

Utöver ordlekar, förlorar webbplatser med hög trafik enorma summor pengar för varje extra sekund det tar att ladda sidan. Flera studier understryker vikten av snabba webbplatser.

Ingen gillar att vänta, särskilt med tanke på de otaliga alternativen som finns tillgängliga. Här är lite statistik:

Källa: Pingdom

För den oinvigde, avvisningsfrekvensen anger andelen besökare som lämnar din webbplats utan att vidta någon åtgärd. Ingen konvertering, inga affärer – bara meningslös trafik.

En hög avvisningsfrekvens kan tolereras för bloggar och vissa andra sektorer, men är ett dåligt tecken för alla andra verksamheter (e-handel, B2B, detaljhandel osv.).

Ett Content Delivery Network (CDN) sparar en kopia av din webbplats i sina datacenter. När en användare besöker din webbplats, levereras den följaktligen från den närmaste geografiska platsen, vilket ger minimala laddningstider.

Det är precis vad Cloudflare gör med sina 250 närvaropunkter (PoP) i mer än 100 städer runt om i världen. Ett verkligt globalt nätverk för dataöverföring.

Här är några av de fördelar Cloudflare erbjuder för din webbplats:

  • Datakomprimering och minifiering
  • Reducerade bandbreddskostnader
  • Lastbalansering för förbättrad prestanda
  • Kraftfull brandvägg för webbapplikationer (WAF)
  • Kostnadsfri TLS/SSL-installation
  • 100 % upptidsgaranti (affärsplaner)

Sammanfattningsvis fungerar ett effektivt CDN som både en säkerhetssköld och en prestandaförbättrare. Cloudflare är marknadsledande och hanterar över 75% av Alexas topp 1 miljon webbplatser.

Låt oss granska processen för att lägga till din webbplats i Cloudflares nätverk utan kostnad. Efter det presenterar jag data före och efter implementeringen.

Testförberedelse

  • Jag skapade ett månadskonto hos Site Ground och designade en enkel testwebbplats (techpostal.com) med WordPress.
  • Jag använde Genesis’s Maker Pro barntema utan cache- eller säkerhetstillägg.
  • Jag avaktiverade även alla Site Grounds optimeringar för att säkerställa mer konsekventa resultat.

Cloudflare Installation

Besök Cloudflares registreringssida. Ange din e-postadress och ett säkert lösenord för att starta. Verifiera din e-postadress genom att kontrollera din inkorg.

Gå sedan tillbaka till instrumentpanelen och lägg till din webbplats. Ange webbadressen till din webbplats och klicka på ”Lägg till webbplats”.

Nästa sida visar prenumerationsalternativ. Jag har valt den kostnadsfria planen för den här demonstrationen.

När du valt en plan, klicka på ”Fortsätt” längst ner.

Cloudflare kommer sedan att skanna din webbplats DNS-poster. Du kan verifiera dessa med din domänregistrator.

Du har även möjlighet att avmarkera vissa poster för att undvika att de dirigeras via Cloudflare.

Granska dina DNS-poster innan du fortsätter.

Nästa steg är att byta namnservrar. Detta är det viktigaste steget (men även det enklaste) för att installera ett CDN. Denna process varierar beroende på din domänregistrator. Se denna Cloudflare guide för namnserverändringar om du är osäker.

Optimeringar

Cloudflare ger nu några rekommendationer för att öka prestandan.

Jag har aktiverat båda alternativen. Det första rör användningen av SSL/TLS-certifikat och det andra minskar laddningstiden.

Se även till att Brotli-komprimering och ”Rocket Loader” är aktiverade. Eftersom det finns gränser för vad man kan göra med gratisplanen, är det bäst att använda dessa för optimal prestanda.

Slutligen, gå till ”Hastighet” > ”Optimering” > ”Brotli” och bekräfta att det är påslaget.

Scrolla ner i samma avsnitt och aktivera ”Rocket Loader”.

Det tar en viss tid innan namnserverändringen träder i kraft. De brukar ange 48 timmar, men i praktiken tar det bara några minuter.

Du kan verifiera genom att använda vårt eget adminvista.com DNS-uppslagsverktyg eller denna DNS-kontroll.

Prestandakontroll

Jag har använt Blazemeter för att kontrollera webbplatsens svarstid. Svarstid är en komplex version av sidladdningstid. I idealfallet är mindre bättre för båda dessa värden. Konventionellt anses dock en svarstid på 2 sekunder vara acceptabel.

Data för ”Innan Cloudflare” representerar grundkonfigurationen, utan tredjepartsverktyg eller interna optimeringar. ”Efter Cloudflare” är den kostnadsfria Cloudflare CDN-nivån, med de optimeringar som beskrivs tidigare i artikeln.

Här är resultaten:

Innan Cloudflare

Du ser att både den genomsnittliga svarstiden och 90%-svartiden har minskat med 12 % respektive 28 %. Se Blazemeters guide om du inte förstår de parametrar som används i denna rapport.

Slutsats

Det är imponerande att Cloudflare förbättrar dessa värden även med sin kostnadsfria plan.

Jag rekommenderar att du testar Cloudflares kostnadsfria nivå. Den var enkel att installera och har i detta fall tydligt förbättrat prestandan.

Vi får heller inte glömma att vi bara har testat prestandafördelarna. Cloudflare fungerar även som ett säkerhetsskydd och kan hålla en statisk version av din webbplats tillgänglig även när ursprungsservern är nere.

Om du vill utnyttja dess fulla potential erbjuder Cloudflare en betald version. Denna betalda version erbjuder många fler funktioner, som WAF, bildoptimering, mobiloptimering och mer.

Använder du WordPress?

Om du använder WordPress, bör du överväga att installera pluginet WP Cloudflare Super Page Cache. Det cachar effektivt hela webbplatsen (både statiskt och dynamiskt innehåll), vilket minskar laddningstiderna ytterligare.

Vilka alternativ finns till Cloudflare?

Sucuri är ett starkt alternativ.

Här är några verktyg för att övervaka sidhastighet och som meddelar dig om din webbplats ligger nere.