WordPress CDN: un ghid definitiv pentru a vă îmbunătăți vizibilitatea globală

De-a lungul anilor, viteze de încărcare din ce în ce mai rapide au devenit o prioritate pentru site-uri web. Dar vine mână în mână cu conținut și funcționalități mai bogate, care trebuie să țină pasul cu o cerere tot mai mare de interactivitate a utilizatorilor. Prin urmare, mulți proprietari de site-uri web consideră că este dificil să-și livreze conținutul la o viteză mai mare pentru utilizatorii finali din întreaga lume.

Având în vedere acest lucru, multe site-uri web au început să utilizeze WordPress CDN (Content Delivery Network). Această tehnologie ajută la livrarea mai rapidă a conținutului site-ului către fiecare utilizator, indiferent de locația sa. În acest ghid la îndemână, veți afla ce este un CDN, de ce este important pentru WordPress și cum să utilizați WordPress CDN.

1. Ce este o rețea CDN (Content Delivery Network)?

După cum sugerează și numele, un CDN are legătură cu livrarea de conținut. Dar ce conținut și cum? Ei bine, oferă conținut static, streaming și dinamic al site-ului dvs. WordPress, inclusiv fișiere media, fișiere CSS și JavaScript.

Cealaltă parte, adică rețeaua, este esența acestui sistem de livrare. Conținutul pe care l-am discutat mai devreme este găzduit pe această rețea de servere răspândite în întreaga lume, iar atunci când utilizatorul trimite o cerere din browserul său, este tratat de cel mai apropiat server pentru a evita latența.

Fapt: o întârziere de 1 secundă a timpului de încărcare a paginii poate provoca o pierdere de 7% a conversiei, cu 11% mai puține vizualizări de pagină și o scădere cu 16% a satisfacției clienților.

Să presupunem că ați lansat un server pe găzduirea gestionată de Cloudways WordPress și că ați ales centrul de date din Londra, Marea Britanie. Aici este site-ul dvs. WordPress găzduit fizic și toate cererile sunt tratate de aici. Site-ul dvs. va fi extrem de rapid pentru utilizatorii din Europa, dar se poate încărca puțin mai lent pentru utilizatorii din Tokyo sau Manila. Asta pentru că Londra este mai departe de Tokyo decât de Paris ..

Cel mai bun CDN pentru WordPress ar reduce această distanță prin livrarea de conținut către utilizator de pe cel mai apropiat server. Pentru a reduce distanța dintre utilizator și conținutul web, CDN păstrează o copie cache a conținutului în mai multe servere situate în întreaga lume.

2. Cine are nevoie de WordPress CDN?

Aproape toate site-urile WordPress au nevoie de un CDN, iar numărul de site-uri care utilizează CDN crește exponențial. Companiile care operează în mai multe locații geografice se bazează pe aceste servicii CDN din aceleași motive discutate anterior în acest articol. Cu toate acestea, dacă rulați un site care vizează numai utilizatorii din aceeași locație cu gazduirea dvs. web, atunci nu este ideală utilizarea unui CDN. De fapt, poate provoca o experiență proastă a utilizatorului, deoarece utilizatorii s-ar putea confrunta cu întârzieri din cauza interferenței inutile din conexiunile suplimentare dintre utilizator și găzduire.

Să vedem ce tipuri de companii folosesc CDN pentru WordPress pentru a accelera site-urile lor WordPress.

• Comerț electronic
• Bloguri
• Agenții de publicitate
• Media și divertisment
• Site-uri de streaming
• Site-uri de jocuri online
• Educație online
• Sănătate

3. De ce CDN este important pentru WordPress?

De-a lungul timpului, Rețeaua de livrare a conținutului (CDN) s-a îmbunătățit mult. A avea un CDN WordPress pe site-ul WordPress are multe avantaje care nu pot fi ignorate. Să le vedem în detaliu!

• Timpi de încărcare mai rapide : reduce timpul de încărcare a paginii, cu conținut disponibil imediat din rețeaua de servere CDN.
• Ghid de trafic ridicat : Deoarece conținutul este livrat din mai multe surse, un site care utilizează un CDN pentru WordPress abia se confruntă cu perioade de nefuncționare sau cu performanțe scăzute chiar și atunci când se confruntă cu un volum de trafic mai mare.
• Economisește lățimea de bandă : un CDN reduce, de asemenea, consumul de lățime de bandă, deoarece limitează fluxul direct de cereri de la utilizatori către găzduirea web prin livrarea conținutului în sine.
• Securitate : Rețeaua CDN este împrăștiată și este capabilă să reziste atacurilor DDoS mici până la ușoare. Câțiva furnizori de CDN au, de asemenea, instalat un mecanism activ pentru a identifica aceste atacuri, spammeri și roboți. Se adaugă un strat suplimentar de securitate, în special pentru acele site-uri WordPress în care clienții plătesc folosind informațiile cardului lor de credit.
• Clasare SEO mai bună : nu este un secret faptul că Google clasifică site-urile mai rapide mai sus .. Este dificil să se determine cât de mult poate afecta viteza clasamentului SEO, dar este evident că afectează slab experiența utilizatorului, ceea ce Google descurajează.
• Experiență îmbunătățită a utilizatorului : CDN-ul WordPress pe site-ul WordPress nu numai că îmbunătățește experiența utilizatorului pe desktop, ci și pe dispozitivele mobile, încărcând mai rapid paginile web. Un număr mare de oameni își folosesc acum telefoanele mobile pentru a naviga pe internet. Google a lansat, de asemenea, o inițiativă de căutare pentru dispozitive mobile, ceea ce înseamnă că site-urile optimizate pentru dispozitive mobile vor avea un avantaj în rezultatele căutării.

Fapt: Veniturile au crescut cu 1% pentru fiecare 100 ms de scăderi în timpii de încărcare a paginii.

Test de viteză CDN WordPress

Să vedem un CDN în acțiune testându-l pe un site WordPress găzduit pe Cloudways. Serverul nostru este situat în Fremont, SUA. Am testat viteza din mai multe locații înainte și după integrarea CloudwaysCDN .

San Jose, California, SUA

Inainte de

După

New York City, New York, SUA

Inainte de

După

Stockholm, Suedia

Inainte de

După

Melbourne, Australia

Inainte de

După

Aceste rezultate ale testului arată că, fără un CDN, viteza este mai lentă în regiunile aflate mai departe de locația reală a serverului. Dar după integrarea CDN pe site-ul WordPress, a arătat îmbunătățiri ale vitezei de încărcare.

4. Furnizori de top CDN WordPress

Furnizorii CDN WordPress sunt disponibili în fiecare gamă de bugete. În plus, mulți furnizori de CDN oferă un cont de probă.

Pentru a ajuta utilizatorii Cloudways, am compilat următoarea listă de furnizori CDN care pot fi ușor integrați cu serverele gestionate Cloudways.

Notă: StackPath (aka CloudwaysCDN) poate fi integrat cu ușurință în cadrul platformei.

CloudwaysCDN (StackPath)

CloudwaysCDN este alimentat de StackPath, unul dintre cei mai buni furnizori de CDN pentru WordPress, cu o rețea de server globală mare.

Funcțiile populare includ protecție împotriva atacurilor DDoS și blocarea caracteristicilor cu echilibrarea încărcării. Toate planurile oferă, de asemenea, protecție firewall care contribuie, de asemenea, la îmbunătățirea duratei de încărcare a paginii site-ului dvs. web.

Utilizatorii Cloudways pot utiliza, de asemenea, această opțiune CDN cu „ Breeze ”, pluginul implicit de cache.

Preț: 1 USD pe 25 GB

KeyCDN

KeyCDN oferă mai multe funcții utile care optimizează difuzarea conținutului în diferite locații din întreaga lume. KeyCDN este o opțiune populară WordPress CDN cu reputație de viteză și asistență 24/7 pentru clienți.

KeyCDN oferă, de asemenea, protecție DDoS, certificate SSL gratuite și personalizate, suport HTTP / 2 și API RESTful pentru integrări terțe.

Prețuri: modelul de tarifare este plătit, începând de la 0,04 USD / GB, cu o factură anuală minimă de 40 USD.

Cloudflare

Cloudflare este unul dintre cele mai populare CDN pentru WordPress, în principal pentru că este ușor de configurat și are o rețea de server globală imensă.

Cloudflare oferă, de asemenea, CDN gratuit pentru site-urile WordPress cu securitate limitată împotriva atacurilor DDoS și a altor vulnerabilități. Alte caracteristici includ echilibrarea încărcării, optimizarea web, gestionarea DNS și certificate SSL.

Preț: planul Pro începe de la 20 USD / lună.

CloudFront

CloudFront de la Amazon este un CDN rapid și sigur pentru WordPress care oferă securitate standard din industrie împotriva DDoS și amenințări similare. Poate fi integrat cu ușurință utilizând consola de administrare Amazon, CLI și SDK-uri.

Prețuri: la cerere

Incapsula

Incapsula este un alt CDN popular pentru WordPress cu servere situate pe tot globul. Poate fi integrat cu ușurință cu WordPress și este compatibil cu toate pluginurile de cache populare.

Incapsula oferă funcții precum certificate SSL, asistență 24/7, protecție DDoS, firewall, analize de atac, informații de amenințare și protecție a datelor.

Preț: începe de la 59 USD / lună

CDN77

CDN77 este unul dintre cele mai rapide CDN-uri pentru site-urile web WordPress. Funcțiile evidențiate includ certificate SSL / TLS, protecție DDoS, protecție hotlink și firewall web.

CDN77 oferă, de asemenea, instrumente analitice pentru urmărirea traficului și a lățimii de bandă, precum și jurnalele CDN care conțin informații utile și rapoarte de blocare.

Preț: începe de la 199 USD / lună

În timp ce selectați CDN-ul potrivit pentru afacerea dvs., asigurați-vă că luați în considerare costul și serviciile, împreună cu performanța.

5. WordPress CDN Benchmarking

Există mulți furnizori de CDN WordPress din care să alegeți, dar este o provocare să stabiliți care dintre aceștia va oferi cea mai bună performanță în scenarii din lumea reală.

Singura modalitate de a rezolva această problemă a fost compararea acestor CDN-uri și, pentru aceasta, am selectat trei furnizori de CDN populari pe scară largă:

1. CloudwaysCDN (parteneriat cu StackPath cunoscut anterior ca MaxCDN)
2. Cloudflare
3. KeyCDN

Procesul de comparare CDN

Am lansat WordPress implicit pe serverul Cloudways DigitalOcean de 1 GB RAM , 25 GB SSD și 1 procesor Core .

Pentru testul de benchmarking, instrumentul pe care l-am folosit este un CLI de referință CDN Node.js open source . Pentru a înțelege cât de repede un CDN WordPress furnizează conținut, veți avea nevoie de suficiente intrări de date pe parcursul a câteva ore.

În benchmarking-ul nostru CDN, am descărcat trei fișiere imagine de pe site-ul nostru WordPress găzduit pe Cloudways ( mic: 78,6 KB, mediu: 747 KB, mare: 1,28 MB), timp de 3,5 ore cu intervale de 5 minute. Aceste fișiere sunt preluate de pe un site WordPress găzduit pe Cloudways.

Rezultatele CDN Benchmarking

După testul comparativ, am compilat datele finale într-o reprezentare grafică pentru o comparație ușoară. Datele au fost generate după efectuarea testului timp de 3,5 ore. Testul vă oferă un indiciu despre care CDN funcționează mai bine pe dimensiunea fișierului.

Imagine mică

Cloudflare a început normal, dar nu a putut menține același ritm în timp ce descărca imaginea de dimensiuni reduse. În primele 40 de minute ale testului, a mers până la 22 de milisecunde, în timp ce CloudwaysCDN și KeyCDN erau întinse drept pe axa orizontală, arătând o viteză constantă de aproximativ 2-3 milisecunde. Există un vârf între minutele 75 și 85 în KeyCDN, unde a ajuns până la 9 ms.

CloudwaysCDN a fost destul de buna pe tot parcursul testului. A început și a încheiat testul cu viteza maximă de descărcare, fără surprize.

Imagine medie

Lucrurile nu s-au îmbunătățit pentru CloudFlare și la descărcarea unei imagini de dimensiuni medii. A avut vârfuri uriașe de la 20-40 de minute de aproximativ 128 ms. Un alt vârf mai mic de la minutele 75 la 85. Pe de altă parte, CloudwaysCDN și-a menținut poziția de top în comparație cu KeyCDN , care a arătat o anumită perturbare spre sfârșitul testului, așa cum se vede în graficul de mai sus.

Imagine mare

În timp ce descărcați imaginea mare (1,28 MB), viteza de descărcare a Cloudflare a fost de aproximativ 40 ms, în timp ce omologii săi au avut un început relativ bun. KeyCDN a fost aproape constant pe tot parcursul testului, cu excepția câtorva denivelări la început și spre sfârșitul testului. CloudwaysCDN a făcut din nou o treabă uimitoare, rămânând cât mai aproape de axa X, arătând viteza de descărcare rapidă și constantă pe tot parcursul testului.

De asemenea, am calculat viteza medie de descărcare a fiecărui CDN pe trei dimensiuni de imagine.

Scor mediu

Rezultatele din graficul de mai sus sunt destul de simple. CloudwaysCDN a avut cea mai mare viteză de descărcare în toate cele trei categorii de fișiere. KeyCDN s- a clasat pe locul al doilea cu un scor mediu. Cloudflare a obținut a treia poziție cu cel mai mic scor datorită vârfurilor uriașe din etapele inițiale ale celor trei teste. A funcționat destul de bine în mijlocul și sfârșitul testelor.

6. Cum se folosește CDN în WordPress?

6a. Adăugați CloudwaysCDN la WordPress

Clienții Cloudways pot activa și integra CloudwaysCDN cu WordPress într-un singur clic. Iată câțiva pași implicați în proces: conectați-vă la contul Cloudways, navigați la Aplicații și apoi intrați în aplicațiile WordPress unde doriți să instalați CloudwaysCDN.

Din panoul din stânga, navigați la fila CloudwaysCDN și apoi introduceți adresa URL a site-ului dvs. WordPress. Faceți clic pe butonul CREARE .

Acesta va activa CloudwaysCDN pentru această aplicație și vă va oferi câteva detalii, cum ar fi adresa URL CDN, utilizarea lățimii de bandă și cache-ul de purjare. De asemenea, aveți opțiunea de a elimina CloudwaysCDN.

Pentru a-l integra într-un site WordPress, trebuie doar să faceți clic pe butonul Aplicare .

PS: Un singur clic se aplică doar pentru Breeze - un plugin WordPress gratuit pentru cache de la Cloudways. Dacă utilizați orice alt plugin de cache, obțineți adresa URL CDN din fila CloudwaysCDN și configurați CDN în consecință.

Conectați-vă la panoul de administrare al site-ului dvs. WordPress și apoi faceți clic pe Breeze sub Setări :

Accesați fila CDN a Breeze Cache Plugin și aici veți vedea că opțiunea Activare CDN este marcată ca bifată, iar adresa URL CDN este setată în câmpul CDN CNAME .

Acum este timpul să verificați dacă CDN-ul este integrat. Deschideți site-ul, apăsați CTRL + U și căutați StackPath . Veți obține câteva rezultate, ceea ce înseamnă că CDN este integrat cu succes.

Se pare că site-ul este stricat?

Nu vă faceți griji! Cloudways folosește Varnish pentru a optimiza site-urile WordPress. Asigurați-vă că ștergeți toate cache-urile, apoi revizitați site-ul. Ura! Ați integrat CloudwaysCDN în doar câteva clicuri.

Doriți să aflați mai multe despre CloudwaysCDN? Aruncă o privire aici .

6b. Adăugați CloudFront la WordPress

CloudFront de la Amazon este probabil cel mai popular CDN pentru site-urile web WordPress. Odată conectat, CloudFront servește conținutul unui site WordPress direct de pe serverele sale în loc să solicite serverul de găzduire. Acest lucru reduce numărul de solicitări care împovără serverul de găzduire.

Obțineți adresa URL CDN prin crearea unei distribuții web în CDF CloudFront

Presupun că aveți deja un cont pe Amazon Web Services (AWS). Dacă nu, înscrieți-vă și navigați la CloudFront Console . Apoi, faceți clic pe Începeți în secțiunea Web .

Vă va duce la opțiunile de pagină completă, unde puteți alege dintr-o serie de opțiuni. Pentru a simplifica acest lucru, voi folosi setările implicite stabilite chiar de CloudFront.

• Nume domeniu de origine: URL-ul site-ului meu web (wpcommunity.org)
• Calea de origine: introduceți calea specifică pentru active, dacă aveți. (L-am lăsat necompletat.)
• ID-ul de origine: introduceți o descriere simplă despre ce este acest serviciu.

Toate celelalte setări sunt lăsate neatinse. Dacă doriți să configurați mai departe, iată ghidul complet care descrie care sunt toate acele opțiuni. Derulați în jos și faceți clic pe Creare distribuție .

Implementarea va dura câteva minute, în funcție de conținutul site-ului dvs. Odată ce procesul este finalizat, acesta vă va duce la ecranul de unde veți găsi Domain Name (CloudFront URL).

Copiați adresa URL din Nume domeniu și navigați la fila CDN din Breeze și lipiți-o în câmpul de text URL rădăcină CDN .

• Activați CDN : bifați acest lucru dacă doriți să activați CDN.
• Adresa URL rădăcină CDN : adresa URL a distribuției create. Nu uitați să adăugați HTTP / HTTPS la adresa URL.
• Conținut CDN : directoarele conținutului pe care doriți să fie difuzat de un CDN.
• Excludeți conținutul : dacă doriți să excludeți câteva extensii de fișiere sau directoare care să nu fie difuzate de CDN, introduceți-le aici.
• Calea relativă : este întotdeauna recomandat să activați calea relativă pentru a păstra structura fișierelor și a folderelor.

Să testăm!

Accesați adresa URL a site-ului, vizualizați codul sursă și căutați CloudFront . Veți vedea toate activele, cum ar fi CSS, JS și imagini, sunt deservite de CloudFront CDN.

6c. Adăugați KeyCDN la WordPress

KeyCDN este unul dintre principalii furnizori de CDN WordPress de pe piață. Vă sugerez să încercați serviciile lor pe site-ul dvs. web (în perioada de încercare gratuită) înainte de a opta pentru un cont complet.

În acest articol, voi arăta cum să conectați KeyCDn cu pluginul Breeze cache, astfel încât întregul conținut să fie difuzat prin CDN.

În primul rând, trebuie să mă înscriu pentru un cont KeyCDN completând câteva detalii necesare. În primul câmp, introduceți adresa URL a site-ului web pe care doriți să o conectați cu KeyCDN și completați alte detalii, cum ar fi e-mail și acreditări de utilizator.

După ce faceți clic pe butonul Creați un cont , veți primi un e-mail de verificare. După verificare, veți vedea tabloul de bord KeyCDN:

Obțineți adresa URL CDN adăugând o zonă în KeyCDN

Site-ul meu WordPress a fost adăugat în contul meu. Acum, trebuie să adaug o zonă în ceea ce privește adresa URL a site-ului meu. Din panoul din stânga, navigați la fila Zone și vi se va cere să configurați zona.

• Nume zonă: KeyCDN oferă o adresă URL specială cu formatul implicit: http://xxx-yyy.kxcdn.com. Unde XXXX este numele pe care l-ați introdus în câmpul Nume zonă. În exemplul meu, va fi wp-yyy.kxcdn.com deoarece am introdus wp.
• Stare zonă : Deoarece site-ul meu va fi accesibil publicului, voi adăuga starea ca activă.
• Tipul zonei : există două tipuri de zone, fie trageți, fie împingeți. Pe lângă tipul de zonă, puteți vedea caseta de selectare Afișare caracteristici avansate. Extindeți-l și configurați-l - dacă sunteți suficient de încrezător în ceea ce faceți! În caz contrar, lăsați-l ca implicit.
• URL de origine : introduceți adresa URL a site-ului web pe care doriți să îl conectați cu această zonă.

După configurarea zonei, veți fi redirecționat către fila Zone și acolo veți vedea o zonă nou creată ca imaginea de mai jos. Starea Zonei mele este în prezent setată ca Implementare . Asta înseamnă că configurează și leagă totul între KeyCDN's Zone și site-ul web.

Procesul poate dura câteva minute. Odată ce ați terminat, starea va fi schimbată în Active . Puteți curăța memoria cache accesând butonul Gestionați ca imaginea de mai jos.

Configurați KeyCDN cu Breeze

Bine, așa că am configurat KeyCDN, am creat o zonă și am primit adresa URL a zonei.

Copiați-l și navigați la fila CDN de pe pluginul cache Breeze WordPress și lipiți-l în câmpul URL rădăcină CDN .

Testați site-ul

În acest moment, am configurat corect KeyCDN și l-am conectat la Breeze. Să verificăm dacă CDN servește site-ul web. Pentru aceasta vizitați site-ul dvs. web și vizualizați sursa paginii apăsând CTRL + U (Chrome). Căutați kxcdn și puteți vedea că CSS, JS și imagini sunt difuzate prin KeyCDN.

Breeze nu se limitează la ele, orice CDN bazat pe active poate fi configurat cu ușurință cu Breeze. Trebuie doar să obțineți adresa URL CDN WordPress și să o inserați în fila Breeze CDN. Asta e!

Încheiem!

Am văzut cum viteza joacă un rol major în conversia generală, precum și clasamentul SEO al site-ului dvs. Investiția într-un CDN WordPress bun nu este o idee rea la urma urmei. Utilizatorii Cloudways pot integra cu ușurință CloudwaysCDN din tabloul de bord și li se percepe un cost economic de 1 USD pentru 25 GB per aplicație. Consumul suplimentar costă doar 0,04 USD per GB.