În articolul nostru precedent, am explorat avantajele obținerii unui serviciu CDN cu WordPress și de ce CDN-urile sunt una dintre cele mai bune modalități de a accelera WordPress de mai multe ori înainte pe blog. . Am observat cât de mult crește performanța dacă vizitatorii dvs. sunt departe de serverul dvs. gazdă. Sperăm că acest lucru a stârnit interesul dvs., deoarece în articolul de astăzi, vom face un ghid pas cu pas despre cum să creăm o resursă CDN la CDN77 și cum să o reglați corect. După aceea, vom instala un set specific de pluginuri pe WordPress și apoi vom verifica dacă totul funcționează bine.


Primul pas în ghidul nostru va fi creați un cont CDN77. În cazul în care nu aveți încă un cont, CDN77 oferă un proces gratuit de 14 zile. Înregistrarea durează doar câteva minute. Apoi, vom crea efectiv o resursă CDN făcând clic pe Creare resursă CDN nouă (sub fila CDN). În scopul acestui articol, vom implementa un CDN pe un blog de film care este găzduit pe un Datacenter din Las Vegas.

cdn77-cu-WordPress-03

Deoarece vom implementa o soluție completă HTTPS, vom folosi noul „HTTPS” la CDN77. Această opțiune asigură transferul de date de la serverul dvs. gazdă la serverul CDN.

Dacă site-ul dvs. rulează într-un mod SSL, trebuie să creați o resursă SSL numai la CDN77. În caz contrar, riscați erori cu conținut mixt. Acest tip de erori apar atunci când browserul rulează într-un mod SSL și încearcă brusc să încarce o resursă printr-o solicitare HTTP nesigură..

cdn77-cu-WordPress-04

Cum să configurați un SSL la CDN77

Putem configura un certificat SSL gratuit în 2 moduri. Putem folosi fie un certificat SSL partajat pentru un subdomeniu la xxx.c.cdn77.org, fie putem folosi propriul nostru CNAME (vezi imaginea de mai sus). În general, vă încurajăm să folosiți un CNAME precum cdn.yoursite.com.

Dacă mergeți pentru soluția partajată CDN77, nu sunt necesare alte măsuri pentru ca subdomeniul SSL să funcționeze corect.

În acest caz, vom stabili un CNAME. Aceasta înseamnă că conținutul site-ului nostru web va fi accesibil prin HTTPS instantaneu dacă înlocuim site-ul nostru cu cdn.ourdomain. Cu CDN77, obținerea unui SSL este de puține clicuri.

Tweak it !

Odată ce ați creat resursa, primul lucru pe care trebuie să îl consultați este meniul Alte Setări. Dacă veți utiliza HTTPS, este absolut obligatoriu să mențineți HTTP / 2 activat. Îmbunătățirea vitezei dintre HTTP / 1.x normal și HTTP / 2 este enormă. CDN77 va funcționa în modul HTTP / 2 în resursa HTTPS în mod implicit, reducându-ți timpul la jumătate.

Dacă mergeți prin HTTPS, trebuie să faceți și o redirecționare 301 pentru a respecta standardele google pentru HTTPS, activați redirecționarea HTTPS.

Pentru o performanță optimă, activați ignorarea tuturor șirurilor de interogare. Cu excepția cazului în care site-ul dvs. rulează conținut încărcat dinamic, care trebuie actualizat la oră, puteți scăpa de șirurile de interogare și să ignorați toate, acest lucru va crește enorm performanța cache-ului și a site-ului..

CDN77 oferă, de asemenea, opțiunea Expiration Cache. În cazul în care încărcați o mulțime de poze, aceasta ar trebui să fie setată la cea mai înaltă setare posibilă, care este de 12 zile.

În acest ghid, vom lua în considerare viteza în primul rând. Prin urmare, CDN ne va oferi doar conținutul static al imaginii, toate celelalte vor fi încărcate de pe serverul de origine.

De ce nu folosiți CDN pentru Javascript și CSS, sunteți nuci?

Amintiți-vă în articolul nostru anterior, am vorbit despre cum poate varia performanța CDN atunci când conținutul nu este disponibil pe nodul solicitat al rețelei CDN. Ei bine, dacă fișierul care încă nu este memorat în cache se întâmplă să fie un fișier CSS, timpul de încărcare va crește și vă poate afecta performanța negativ. Aceasta poate afecta viteza de redare a site-ului dvs. mult mai mult decât dacă decideți să nu serviți CSS cu CDN.

Fișierele CSS și Javascript sunt esențiale pentru încărcarea site-ului web pe orice browser și nu ar trebui să facă obiectul unui mecanism de cache precum cel din serviciile CDN. Cu toate că, puteți crea o resursă statică pe CDN pentru a arunca aceste fișiere importante. Aceasta este o tehnică mai avansată care vă va solicita să modificați WordPress-ul la un nivel dincolo de sfera acestui tutorial.

Odată ce totul a fost modificat corect, putem trece la fila de meniu a centrelor de date.

cdn77-cu-WordPress-07

CDN77 oferă un mod convenabil de a activa / dezactiva fiecare nod din rețeaua lor. Ideea este să selectați cu atenție care noduri sunt cele mai utilizate în mod activ. Acest lucru este ușor de aflat, trebuie doar să urmați cititorii.

După ce știți care noduri aveți nevoie, vi se recomandă să dezactivați toate nodurile dispensabile. Există o explicație simplă pentru aceasta: cu cât ai mai multe noduri în rețeaua dvs., cu atât va dura mai mult timp pentru a le actualiza pe toate, prin urmare, performanța dvs. suferă. De regulă generală, atunci când reduceți numărul de noduri, creșteți și performanța cache-ului. Alege cu înțelepciune.

Când testezi performanța site-ului pentru prima dată, purjare și prealimentare ar putea fi la îndemână. Purge-ul va scoate un conținut specific din rețeaua CDN, este util dacă schimbați conținutul și trebuie să rulați memoria cache pentru a se actualiza. Prefetch-ul va face invers, va forța un conținut specific în memoria cache CDN.

cdn77-cu-WordPress-10

După ce ai totul configurat, poți îndrepta CNAME-ul către propriul domeniu. Pentru a face acest lucru, trebuie să creați o regulă în registratorul dvs. sau în panoul dvs. de găzduire în secțiunea DNS și îndreptați cdn.yourdomain.com către CNAME xxx.rsc.cdn77.org așa cum se arată în imagine, acest lucru va instrui DNS pentru a redirecționa tot traficul subdomeniului dvs. către locul real. Nu vă faceți griji, nu va avea impact asupra performanței. În plus, servește și pentru a arăta cititorilor că utilizați un cdn.yourdomain.com care pare fantezie.

Dacă preferați să folosiți adresa cdn77.org, nu trebuie să faceți nimic, folosiți această adresă atunci când înlocuiți conținutul dvs. în WordPress.

Partea WordPress

Pe partea WordPress, trebuie să adăugăm un plugin pentru ca acesta să funcționeze corect. Vom folosi CDN Enabler, un plugin gratuit la îndemână. Motivul pentru a utiliza acest plugin este simplu – majoritatea pluginurilor CDN nu vor permite un astfel de control granular asupra dosarelor pe care le trimiteți pe CDN. Acest plugin este important și este foarte important pentru cazul nostru, deoarece nu dorim să includem niciun fișier Javascript sau CSS, ci doar imaginile încărcate.

cdn77-cu-WordPress-14

Odată instalat, puteți găsi pluginul chiar aici …

cdn77-cu-WordPress-15

Să o modificăm !

cdn77-cu-WordPress-16

Vă amintiți când am vorbit despre personalizare? Iată cel mai important fapt despre modul de configurare corectă a unui CDN pe WordPress. Marea majoritate a pluginurilor CDN vă vor spune să includeți un director pentru CDN pentru a „reproduce” și, de obicei, vă vor spune să includeți conținut wp. Este în regulă pentru o setare generală, dar nu este bine pentru performanța dvs., deoarece folderul cu conținut wp este completat cu un alt folder foarte sensibil, folderul cu pluginuri și teme, inclusiv tone de fișiere Javascript și CSS. Puteți pierde performanța atunci când nu sunt memorate în cache, așa cum am discutat anterior.

Deci, cum putem rezolva acest lucru? Pur și simplu includem folderul wp-content / upload. O astfel de soluție simplă!

Șocată cum ești, marea majoritate a pluginurilor care gestionează CDN-urile nu îți vor permite acest lucru. Inclusiv numai această subfolder vă va instrui CDN-ul în folderul dvs. de încărcare, adică doar imaginile dvs..

cdn77-cu-WordPress-17

O simplă actualizare a site-ului va permite CDN să obțină conținutul dvs. În acest exemplu, am deschis o filă pentru dezvoltatori Firefox (F12) și am căutat prima imagine. Puteți vedea clar că link-ul a fost înlocuit și acum este încărcat direct de pe CDN în locul serverului nostru gazdă!

Inainte si dupa

Să vedem cum s-a dovedit toate acestea !

În ecranul din stânga, putem vedea timpul necesar pentru încărcarea site-ului din Suedia (care este departe de serverul nostru gazdă din Las Vegas, vă amintiți?) În ecranul din dreapta, putem vedea că performanța a crescut, timpul a fost aproape tăiat în jumătate! Toate fișierele esențiale sunt încă încărcate de pe serverul nostru din Las Vegas, dar fișierele cu sarcini mari, cum ar fi imaginile se încarcă de la nodul din Suedia.

Înveliți

Sperăm că ai învățat o modalitate puternică de a implementa un CDN pe site-ul tău WordPress. Unele tehnici nu sunt intruzive, cum ar fi acele fișiere CSS și Javascript care sunt esențiale pentru viteza de încărcare a site-ului. Acum puteți profita de fiecare avantaj al unui CDN și, în același timp, minimizați dezavantajele acestuia. Sperăm să dai drumul la încercarea CDN gratuită și să folosești sfaturile din acest articol pentru a vedea dacă poți grăbi site-ul tău WordPress. Sperăm că v-a plăcut articolul! Ca de obicei, lasă orice întrebări sau îndoieli în comentariile de mai jos.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me