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

Enkelt uttryckt, Cloudflare CDN kortar avståndet. Låt oss kolla hur det gör att din webbplats laddas snabbare runt om i världen. Håll ögonen öppna.

Avstånd är inte bara farligt för relationer; det fungerar också som en mardröm för data.

Bortsett från ordlekar, webbplatser med hög trafik börjar förlora miljoner för varje extra sekund som läggs till när webbplatsen laddas. Många fallstudier peka på vikten av snabbladdningsbara webbplatser.

Ingen vill vänta, särskilt när det finns obegränsade alternativ överallt. Här är en statistik:

Källa: Pingdom

Om du undrar är Bounce Rate andelen personer som lämnar din webbplats utan att vidta några åtgärder. Ingen konvertering, inga affärer, bara meningslös webbtrafik.

En hög avvisningsfrekvens är okej för en blogg och några andra branscher, men det är bara en röd flagga för alla andra (e-handel, B2B, detaljhandel, etc.).

Ett Content Delivery Network (CDN) underhåller en cachad version av din webbplats i sina datacenter. Följaktligen, när en användare besöker din webbplats, laddas den från närmaste geografiska plats, vilket ger kortast möjliga laddningstider.

Det är precis vad Cloudflare gör med sina 250 närvaropunkter (PoP) i över 100 städer över hela jorden. Ett verkligt globalt nätverksdatanätverk.

Det här är några av de saker Cloudflare kan göra för din webbplats:

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

I ett nötskal, ett effektivt CDN fungerar som din säkerhetssköld och prestandahöjare. Och Cloudflare är marknadsledare med mer än 75 % av Alexas topp 1 miljon sajter i sin kattunge.

Så låt oss kolla in processen för att lägga till din webbplats till Cloudflare-nätverket gratis. Efteråt kommer jag att presentera före och efter prestationsmatriser.

Testuppsättning

  • Jag hade registrerat mig för en månadsplan på Site Ground och designade en barebones-testwebbplats (techpostal.com) med WordPress.
  • Jag har använt Genesis’s Maker Pro barntema utan några cache- eller säkerhetsplugins.
  • Och jag har också inaktiverat alla Site Ground in-house optimeringar för bättre konsekvens i resultaten.

Cloudflare On-boarding

Besök Cloudflare registreringssida. Ange ditt e-post-ID och ett starkt lösenord för att komma igång. Kontrollera först din inkorg och få din e-post verifierad.

Gå sedan tillbaka till instrumentpanelen för att lägga till webbplatsen. Skriv in webbadressen till ämneswebbplatsen och klicka på Lägg till webbplats.

Den efterföljande skärmen tar dig till prenumerationsalternativen. Jag har valt den kostnadsfria planen för den här illustrationen.

När du har valt planen klickar du på Fortsätt längst ned.

Därefter skannar Cloudflare din webbplatss DNS-poster. Du kan verifiera dem med din domänregistrator.

Detta ger dig också en chans att avmarkera vissa poster för att förhindra att de får proxy via Cloudflare.

Så granska dina DNS-poster innan du fortsätter.

Nästa kommer att byta namnservrar. Det är det mest avgörande (och enkla) steget för att ställa in ett CDN. Denna process beror på din domänregistrator. Hänvisa till detta Cloudflare guide för att ändra namnservrar om du är osäker på proceduren.

Optimeringar

Nu ger Cloudflare några rekommendationer för att påskynda prestandan.

Jag har aktiverat båda alternativen. Den första handlar om att använda SSL/TLS-certifiering, och den andra hjälper till att minska laddningstiden.

Kontrollera dessutom att Brotli-kompressions- och raketlastaren är påslagen. Eftersom det bara finns så mycket du kan göra med gratisplanen, använd dessa bättre för optimal prestanda.

Avslutningsvis, navigera till Hastighet>Optimering>Brotli. Kontrollera att den är på.

På samma sätt, scrolla ner i samma avsnitt och slå på raketlastaren.

Namnservrarna kommer att ta lite tid. De ber om ett 48 timmars fönster, men praktiskt taget tar det bara några minuter.

För att verifiera kan du använda vårt eget adminvista.com DNS-uppslagsverktyg eller detta DNS-checkare.

Prestandakontroll

Jag har använt Blazemeter för att kontrollera webbplatsens svarstid. Svarstid är en ganska komplicerad version av sidladdningstid. Helst gäller ju mindre det bästa för båda dessa matriser. Men konventionellt är en svarstid på 2 sekunder acceptabel.

Framförallt hänvisar Before Cloudflare till barebones-tillståndet, utan några verktyg från tredje part eller interna verktyg. Och After Cloudflare är den kostnadsfria nivån av Cloudflare CDN med några justeringar som redan nämnts i den här artikeln.

Här är resultaten:

Innan Cloudflare

Du kan se att både den genomsnittliga svarstiden och 90 % svarstiden har minskat med 12 % respektive 28 %. Vänligen gå över till detta Blazemeter guide om du inte förstår parametrarna som nämns i denna rapport.

Sammanfatta

Det är utmärkt att se Cloudflare öka dessa siffror även med sin gratisplan.

Jag rekommenderar att du provar Cloudflares gratisnivå. Det var lätt att installera och en klar prestandahöjare i det här fallet.

Och vi får inte glömma att vi bara testade dess hastighetsrelaterade aspekter. Men Cloudflare fungerar också som ett säkerhetskuvert. Dessutom kan den hålla en statisk version av din webbplats online även när ursprungsservern är nere.

Och skulle du någonsin tänka på att frigöra sin fulla potential – Cloudflare har en betald plan för. Dess betalda nivå har otaliga fler funktioner som WAF, bildoptimering, mobiloptimering, etc.

Använder du WordPress?

Om du använder WordPress bör du överväga att använda WP Cloudflare Super Page Cache plugin. Den cachar intelligent hela webbplatsen (statiskt + dynamiskt innehåll). Detta skulle ytterligare minska sidladdningstiderna.

Vad är alternativet till Cloudflare?

Ett mycket starkt substitut kan vara Sucuri.

Här är några verktyg för övervakning av sidhastighet för att meddela dig när din webbplats går ner.