Activarea vitezei ridicate Combinați CloudFlare cu un CDN pe blogul dvs.

Dacă încercați să accelerați blogul dvs., probabil că ați folosit tehnici cum ar fi optimizarea imaginilor, eliminarea pluginurilor și scripturilor inutile și minimizarea CSS și JavaScript. Totuși, optimizarea conținutului de pe serverul dvs. local nu poate fi decât până acum. Următorul pas în jocul de viteză pe blog este profitarea Rețelele de livrare a conținutului (CDN).

Ce este un CDN? Practic, este un serviciu care stochează anumite elemente ale site-ului (imagini, fișiere JavaScript, fișiere CSS) și le distribuie într-o rețea de servere dispersate geografic. Atunci când un vizitator accesează site-ul dvs., CDN va determina serverul în rețeaua sa cea mai apropiată de vizitator și va difuza conținutul de acolo. Acest lucru poate reduce cu adevărat timpul de încărcare!

CloudFlare este foarte popular și liber CDN pe care le puteți utiliza în acest scop. Utilizarea numai a CloudFlare poate duce la scăderea timpului bun de încărcare pe blogul dvs. Cu toate acestea, puteți reduce aceste timpi de încărcare și mai mult prin combinarea CloudFlare cu un CDN "complet". Am folosit-o în colaborare cu MaxCDN pentru câteva luni la blogul meu, Colegiul Info Geek, și am avut rezultate excelente.

În acest tutorial, vă voi arăta cum să combinați aceste două servicii pe propriul blog utilizând W3 Total Cache. Deoarece CloudFlare este gratuit și MaxCDN nu este, voi trece mai întâi prin CloudFlare în cazul în care aveți nevoie doar de o opțiune gratuită. Începem!


Pasul 1 Instalați W3 Total Cache

Înainte de a începe să vă creați contul CloudFlare, veți dori să instalați și să configurați pluginul W3 Total Cache pe blogul dvs. Acesta este un plugin care durează puțin pentru configurare. Puteți urma tutorialul de configurare excelent al WPBeginner pentru a obține toate setările corecte înainte de a continua.


Pasul 2 Creați un cont CloudFlare și adăugați site-ul dvs.

Mergeți pe site-ul web CloudFlare și creați un cont utilizând adresa dvs. de e-mail și numele de utilizator ales de dvs..

Odată ce v-ați înscris, este timpul să începeți să vă configurați site-ul cu CloudFlare. Notă: Unele gazde web includ o opțiune automată de activare CloudFlare în cPanel. Vă sugerez să nu utilizați această opțiune - am încercat-o la început și site-ul meu a ajuns în jos pentru trei zile din cauza unei probleme de propagare domeniu. Realizarea manuală este foarte ușoară și vă va ajuta să evitați orice nefuncționare sau dureri de cap!

Ok, acum ar trebui să vedeți un ecran care arată astfel:

CloudFlare va începe să scaneze configurarea DNS a site-ului dvs. și veți putea urmări o mică înregistrare comercială în timp ce se întâmplă acest lucru. Vremuri amuzante. După ce ați terminat (aproximativ 45 de secunde), puteți trece la următorul pas al procesului.

De vreme ce schimbați serverele de nume, ar putea dura până la 24 de ore pentru ca CloudFlare să devină activ pe site-ul dvs..

Ar trebui să vedeți acum o pagină care afișează ceea ce crede CloudFlare este în dvs. Fișier DNS din zonă. Trebuie să accesați fișierul DNS actual și să vă asigurați că toate intrările au fost transferate. Acest fișier poate fi accesat prin intermediul cPanel (sau al unui panou de administrare similar). Dacă nu găsiți fișierul zonei DNS, contactați asistența gazdei și întrebați-i unde îl puteți localiza.

Pasul 3 vă permite să alegeți ce A și CNAME înregistrări pe care doriți să le controlați CloudFlare. În mod implicit, funcția A înregistrare pentru domeniul dvs. și CNAME înregistrarea etichetate "www" ar trebui să fie singurele evidențiate. Vă recomandăm să păstrați acest cadru și să continuați.

În cele din urmă, pasul 4 vă oferă noi nume de servere pe care trebuie să le utilizați pentru domeniul dvs. Pentru a schimba cele vechi și a le conecta pe acestea, mergeți la site-ul web al registratorului domeniului dvs. și mergeți la managerul dvs. de domeniu. Dacă utilizați GoDaddy, ar trebui să vedeți un buton numit "Servere de nume" chiar în managerul de domenii. Alți registri ar trebui să aibă un instrument similar.


Pasul 3 Adăugați detaliile dvs. CloudFlare la W3 Total Cache

Veți primi un e-mail odată ce domeniul dvs. a fost propagat la noii servere de nume pe care l-ați introdus. Odată ce acest lucru se întâmplă, veți putea accesa opțiunile dvs. CloudFlare. Acum este momentul să adăugați detaliile dvs. CloudFlare la W3 Total Cache și să începeți să beneficiați de avantajele oferite.

Conectați-vă la contul dvs. CloudFlare și mergeți la Cont tab. Aici veți putea vedea e-mailul contului dvs., numele de utilizator și cheia dvs. API unică. În mod specific, veți avea nevoie de e-mailul contului și cheia API unică pentru această parte.

Mergeți pe tabloul de bord WordPress și găsiți opțiunea etichetă Performanţă. Acesta este panoul de setări pentru W3 Total Cache. În mod implicit setari generale , derulați până la secțiunea intitulată Performanța și securitatea rețelei, alimentate de CloudFlare. Executați următorii pași:

  • Faceți clic pe caseta de selectare etichetate Permite
  • Completați adresa de e-mail pe care ați utilizat-o pentru contul dvs. CloudFlare
  • Inserați-vă în Cheia API
  • Completați numele dvs. de domeniu
  • Stabiliți nivelul de securitate la ceea ce considerați necesar. Personal am pus-o la scăzut. Am descoperit că așezarea lui la ceva deasupra acestui lucru pare inutilă și poate duce, de fapt, la blocuri false pozitive.
  • Asigura-te Modul de dezvoltare este dezactivat, cu excepția cazului în care efectuați modificări de proiectare pe site-ul dvs..
  • Clic Salvați toate setările.

Minunat! Ai făcut prima parte. Dacă vreți să păstrați această încercare fără costuri, puteți merge și vă opriți aici. Doar prin faptul că CloudFlare ar trebui să aibă ca rezultat o creștere rapidă a vitezei pentru site-ul dvs. Dacă doriți să obțineți și mai multă viteză gratuit, consultați Ghidul WordPress Speed ​​Quickstart Guide pentru mai multe sfaturi.

Dacă doriți, însă, să vă maximizați potențialul, citiți mai departe. Apoi vom implementa MaxCDN.


Pasul 4 Înscrieți-vă pentru MaxCDN

Bine, deci vrei sa iei si sa te integrezi Două Soluții CDN pe blogul dvs. Dulce. Asa cum am spus mai sus, am facut asta de aproximativ patru luni. Până acum, combinația a funcționat foarte bine și site-ul meu este cu adevărat rapid (mai ales pentru a fi greu de imagine).

Ok, deci primul lucru pe care trebuie să-l cunoașteți despre MaxCDN (sau orice CDN "complet") este că costă bani. Nu este scump, dar costă mai mult decât o cafea. Deci, ar trebui să o folosiți? Iată câteva sfaturi:

MaxCDN este în general mai rapid decât CloudFlare. Fiind un CDN dedicat, acesta are mai multă infrastructură înființată pentru a oferi conținut cât mai local posibil. Deci, cred că decizia de a folosi sau nu ar trebui să se bazeze pe traficul și dimensiunile paginilor. Aveți o mulțime de imagini și mass-media pe care le oferiți? Aveți un design foarte vizual, cu multe elemente care trebuie încărcate? Toate aceste lucruri pot crește timpul de încărcare. Ce zici de publicul tău? Obții 10 vizite pe zi sau 10 000? Cu cât aveți mai mult trafic, cu atât este mai important ca site-ul dvs. să fie optimizat pentru viteză. MaxCDN va lua o parte din sarcina de bandă de pe serverul dvs., deci este și o considerație.

Dacă ați decis că merită banii, mergeți la MaxCDN.com și faceți clic pe butonul de înscriere. Alege Plătiți în timp ce mergeți (probabil că nu sunteți suficient de mare pentru Enterprise și dacă sunteți probabil că ar trebui să discutați cu MaxCDN despre implementare!). Prețul de bază al acestei opțiuni este de 39,95 USD, dar puteți obține o reducere de aproximativ 30 USD utilizând codurile cuponului. Pentru acest preț, veți obține un terabyte de lățime de bandă CDN. Aici integrarea CloudFlare vine într-adevăr la îndemână; prin utilizarea ambelor, am reușit să utilizez numai 92 GB în ultimele patru luni (și acesta este cu 30.000-40.000 de afișări de pagină pe lună). La această rată, lățimea de bandă ar trebui să dureze 3,5 ani (deși creșterea traficului va scădea această). 30 de dolari pentru 3,5 ani nu este prea rău deloc.

Odată ce v-ați înscris și aveți contul, mergeți mai departe și conectați-vă. Pentru a obține MaxCDN livrarea conținutului site-ului dvs., trebuie să configurați o zonă. Urmați acești pași pentru a face acest lucru.

  • În tabloul de bord, mergeți la Gestionați zonele fila.
  • Ar trebui să vedeți o cutie etichetă Trageți zonele. Clic Creați zona de tragere.
  • Completați-vă Trageți numele zonei. Acest lucru poate fi orice vreți.
  • În Originea URL-ului serverului, introduceți întreaga adresă URL inclusiv http: //.
  • Introduceți a Domeniu CDN particularizat. Aș sugera cdn.yourdomain.com.
  • Ta Eticheta poate fi orice vrei tu.
  • Asigura-te Comprimare este bifat.
  • Clic Crea.

Pasul 5 Configurați MaxCDN în W3 Total Cache

Ultimul pas în acest tutorial este activarea CDN-ului în W3 Total Cache și personalizarea acestuia. Pentru a face acest lucru, du-te înapoi la setari generale fila W3 Total Cache pe blogul dvs. și defilați în jos până la secțiunea intitulată CDN.

  • Clic Permite.
  • Setați tipul dvs. de CDN la NetDNA / MaxCDN.
  • Clic Salvați toate setările.

Apoi, mergeți la CDN fila W3 Total Cache. Aici veți personaliza setările CDN pentru ca totul să funcționeze corect. Totul sub General secțiunea trebuie lăsată ca atare - asigurați-vă că toate casetele sunt verificate cu exceptia ultimul.

configurație secțiunea este locul unde veți lucra cel mai mult aici. Urmați acești pași pentru a-l seta corect:

  • Completați-vă ID-ul API-ului și Cheia API. Puteți găsi aceste prin conectarea la contul dvs. MaxCDN, mergând la Setarile mele, și mergi la API-ul tab. ID-ul și cheia vor fi listate acolo.
  • Lăsați opțiunea de suport SSL ca Auto.
  • Înlocuiți numele de gazdă al site-ului dvs. cu domeniul CDN pe care l-ați creat (cnd.yourdomain.com).
  • Clic Salvați toate setările.

Doar un ultim lucru de făcut! Sub Avansat , bifați caseta din partea de jos etichetă Setați domeniul cookie la "yourdomain.com". Totul poate fi lăsat singur; dacă descoperiți că CDN are probleme cu un anumit fișier după ce ați rulat, puteți să îl eliminați mai târziu. Ați terminat!


Concluzie

Acum aveți un blog alimentat atât de CloudFlare cât și de MaxCDN. Ar trebui să observați îmbunătățiri semnificative ale vitezei, pe care le puteți face chiar mai bine făcând lucruri precum miniaturile CSS și JavaScript, utilizând WP Smush.it pe fotografiile dvs. și minimizând utilizarea pluginului. Bucurați-vă de noul blog rapid!

Aveți experiență cu CloudFlare, MaxCDN sau cu orice altă rețea de distribuire de conținut? Împărtășiți-vă experiențele cu noi în comentariile de mai jos.

Cod