Un CDN va face site-ul meu WordPress mai rapid? Rezultatele experimentului

E timpul pentru un experiment. Iubesc WordPress , îl folosesc de aproape 10 ani, dar nu este lipsit de probleme. În principal, viteza . Oricine a folosit WordPress pe găzduire partajată ieftină sau un VPS mic va ști că să-l încarce rapid este un pic de coșmar .

Am folosit pluginuri de cache și CloudFlare și m-am asigurat că folosesc găzduire decentă , dar tot vreau ca site-ul meu WordPress să fie mai rapid! Sigur, aș putea trece la găzduire dedicată, dar este scump. Așa că este timpul să încerci următorul pas: un CDN .

Folosesc KeyCDN pentru acest experiment.

Ce este un CDN?

Un CDN este o rețea de livrare de conținut . Face ceea ce vă așteptați: furnizează conținut (adică lucrurile de pe site-ul dvs. web, de exemplu imagini) dintr-o rețea din întreaga lume.

Site-ul dvs. este stocat pe un singur server oriunde se află furnizorul dvs. de găzduire, așa că dacă oamenii doresc să vă acceseze conținutul din alte locații (cum ar fi pe celălalt site de pe glob), va exista o întârziere. Dacă utilizați un CDN, furnizorul CDN va livra părțile statice ale site-ului dvs. web vizitatorilor dvs. mult mai rapid . Acest lucru se datorează faptului că CDN utilizează o rețea de servere din întreaga lume , astfel încât vizitatorii dvs. nu sunt niciodată prea departe. Un CDN va reduce, de asemenea, încărcarea serverului (mai ales util dacă aveți găzduire partajată ieftină).

Un CDN poate fi utilizat pe orice site web , inclusiv pe site-uri WordPress.

De ce este importantă viteza site-ului?

Indiferent dacă utilizați WordPress sau un alt CMS (sistem de gestionare a conținutului), veți dori ca acesta să se încarce rapid. De ce?

1. Oamenii doresc ca paginile să se încarce rapid

Site-ul dvs. este pentru oameni, iar oamenii nu își vor pierde timpul așteptând ca paginile dvs. să se încarce! Face parte din UX (experiența utilizatorului) și un UX bun îi va face pe oameni să revină pe site-ul dvs. din nou și din nou. Durata de atenție online este scurtă și nu doriți să oferiți oamenilor un motiv pentru a se sătura și a apăsa butonul Înapoi.

2. Viteza site-ului este importantă pentru SEO

Google poate folosi timpii de încărcare a paginii ca factor de clasare și este și mai important pentru indexul mobil (vezi mai jos). UX este o parte integrantă a SEO astăzi și dacă utilizatorii revin la SERP (paginile cu rezultate ale motorului de căutare) deoarece site-ul tău este lent, îți va afecta clasamentul.

3. Paginile trebuie să se încarce rapid pentru a fi adaptate pentru dispozitive mobile

SEO mobil și UX mobil devin din ce în ce mai importante, iar viteza de încărcare a paginii este o parte importantă a acesteia. Reducerea timpilor de încărcare a paginii cu câteva milisecunde îți va oferi un avantaj atunci când vine vorba de a învinge concurenții în indexul Google pentru dispozitive mobile.

Experimentul: un CDN va face site-ul meu WordPress mai rapid?

Știm de ce vrem ca site-urile noastre WordPress să fie mai rapide, dar acum este timpul să facem acest lucru să se întâmple. În loc să vorbesc doar despre cum s-ar putea face, de fapt o voi face (sau cel puțin o voi încerca!).

Iată ce am de gând să fac:

1. Listați configurația actuală a site-ului web (găzduire, orice plugin de cache etc.)
2. Măsurați vitezele actuale ale site-ului web (folosind Viteza paginii Google și Pingdom)
3. Instalați CDN
4. Măsurați viteze noi
5. A meritat?
Configurarea actuală a site-ului WordPress

Rulez acest test pe acest site, InternetFolks.com. Iată statisticile pe care trebuie să le știți despre performanța actuală:

Tema WordPress: Genesis Framework cu tema eleven40 child
Gazduire: folosesc cel mai ieftin VPS administrat de la KnownHost cu stocare SSD (2,5 GB RAM) (aproximativ 30 USD/luna)
Caching Plugins: Pluginul Autoptimize (gratuit) instalat, care combină CSS și alte scripturi, astfel încât site-ul dvs. să încarce mai puține lucruri. De asemenea, pluginul WPSmushIT (de asemenea gratuit), care comprimă dimensiunea imaginilor.
Mai multe stocări în cache: versiunea gratuită a CloudFlare, care, de asemenea, reduce și combină scripturile și acționează ca un CDN pentru fișierele statice, cum ar fi imaginile.

Deci, se pare că fac destul de multe lucruri care se suprapun pentru a îmbunătăți viteza acestui site, deci există loc de îmbunătățire? Să facem testele de viteză „înainte”.

Teste inițiale de viteză

O notă rapidă despre testarea vitezei site-ului dvs.: nu testați doar pagina de pornire și continuați! De asemenea, trebuie să testați și alte formate de pagină (postări de blog, pagini de destinație etc.) pentru a vedea cum funcționează. Pagina dvs. de pornire este probabil să fie foarte diferită de majoritatea paginilor de pe site-ul dvs., așa că nu optimizați viteza pentru o pagină nereprezentativă!

Având în vedere asta, voi testa rapid 2 pagini: pagina de pornire și o postare de blog de lungă durată.

Folosesc testul de viteză a site-ului Pingdom. Este o modalitate mult mai riguroasă de măsurare a vitezei oricărui site web WordPress decât Page Speed ​​Insights de la Google, deoarece puteți vedea cum sunt încărcate resursele individuale și puteți verifica ce vă încetinește. Include, de asemenea, scorul Google (ca notă A, B, C etc și ca notă din 100).

Am folosit New York-ul ca locație de testare, pentru că cea mai mare parte a audienței mele este în SUA și Europa, iar New York este aproape la mijloc.

Pagina de pornire se încarcă în 3,88 secunde (dimensiunea paginii 1,1 MB), ceea ce este în regulă, dar postarea de blog se încarcă în 5,8 secunde (dimensiunea paginii 3,2 MB), ceea ce lasă mult loc de îmbunătățire, cel puțin!

Configurarea unui CDN WordPress

Am decis să încerc KeyCDN, mai ales pentru că are o perioadă de încercare gratuită de 30 de zile (deci dacă acest experiment nu funcționează, nu voi fi pierdut nimic), dar și pentru că se percepe pe bază de PAYG (în jur de 0,04 USD per GB), deci dacă site-ul meu are o lună lentă, nu voi fi lovit cu o factură recurentă. Au un minim anual de 49 USD, ceea ce este încă mult mai mic decât orice alt CDN pe care l-am putut găsi (MaxCDN a fost următorul cel mai ieftin, începând de la 9 USD/lună).

Am creat un cont de probă și, după activarea prin e-mail, mi s-a afișat acest tablou de bord:

M-au început cu un credit gratuit de 1 USD, care ar trebui să fie mai mult decât suficient pentru acest experiment.

[Notă: dacă utilizați linkul meu de recomandare pentru a încerca KeyCDN, veți primi credit gratuit de 10 USD]

Următorul pas a fost să adăugați o zonă în tabloul de bord CDN . Am lăsat toate setările ca implicite, cu excepția adăugării suportului SSL (parte a secțiunii „Funcții avansate”).

A durat aproximativ 5 minute pentru a implementa Zona CDN, apoi am adăugat noua adresă URL a zonei în pluginul CDN Enabler și am fost gata de acțiune!

Blogul KeyCDN a sugerat un plugin WordPress ușor numit CDN Enabler, așa că l-am instalat. Pur și simplu adăugați adresa URL CDN în tabloul de bord al pluginului și începe să funcționeze imediat.

Dacă doriți instrucțiuni de configurare mai detaliate, postarea de început a KeyCDN este foarte ușor de urmat.

Noi teste de viteză

Am petrecut aproximativ 7 minute instalând KeyCDN pe site-ul meu WordPress. Nici măcar nu m-am uitat la setări avansate încă, dar să vedem ce se întâmplă dacă mai rulez un alt test de viteză Pingdom.

Hm, pagina de pornire durează acum 6,27 secunde pentru a se încărca . M-am plictisit să aștept să se încarce testul de viteză pentru postarea de pe blog... peste 14 secunde !

Ceva nu este în regulă: adăugarea unui CDN pe site-ul meu WordPress a făcut-o mai lent.

Am eliminat temporar KeyCDN prin dezactivarea pluginului CDN Enabler și viteza site-ului meu a revenit la normal.

Poate că CloudFlare și pluginul Autoptimize provoacă unele conflicte? Opresc pe amândouă și încerc din nou.

Asa mai merge!

Pagina de pornire s-a încărcat în 1,31 secunde (dimensiunea paginii a crescut la 1,5 MB), iar postarea de blog în 2,66 secunde (dimensiunea paginii 3,4 MB). Aceasta este o îmbunătățire URIAȘĂ a vitezei !

Sunt încântat că acest simplu CDN a făcut site-ul meu WordPress mult mai rapid. Stai puțin, încă nu am reactivat KeyCDN. Și CloudFlare este întrerupt. Și nu am pluginuri de cache... ce?!

M-am jucat puțin și am găsit ce făcusem greșit. În primul rând, când am adăugat KeyCDN-ul, am făcut-o mai întâi fără https://. Acest lucru s-a dovedit a fi crucial pentru că, odată ce l-am reparat, totul s-a accelerat frumos!

Dacă utilizați pluginuri de stocare în cache sau CloudFlare, trebuie să ștergeți sau să curățați memoria cache pentru a testa cu precizie viteza site-ului . Odată ce am făcut asta, mi-am dat seama că site-ul meu încă mai are nevoie de ajutor. În plus, trebuie să testați în mai multe locații . Pingdom vă permite să utilizați New York, California, Suedia și Melbourne; fără CDN aveam viteze bune la New York, dar groaznice în altă parte. Serverul meu este situat aproape de New York, așa că are sens. Dar vreau ca site-ul meu să fie rapid pentru toți vizitatorii, așa că un CDN poate ajuta cu asta.

Gestionarea CDN-ului

Odată ce l-am configurat (a durat 10 minute din cauza erorii mele inițiale!), tabloul de bord KeyCDN a fost foarte ușor de utilizat . Vă va afișa statisticile de trafic cu locația și volumul întregului trafic pe care îl primiți. Puteți vedea că creditele dvs. scad în timp real (am cheltuit 1 cent până acum!) și puteți completa cu mai multe credite oricând doriți.

Nu mai este nimic de făcut, trebuie doar să vă conectați și să verificați din când în când pentru a vă asigura că nu există erori de pagină. Este o modalitate destul de bună de a detecta erorile 404 și problemele site-ului .

Gânduri finale: un CDN face WordPress mai rapid?

Da! Iată un test de viteză pe pagina de pornire pe care l-am executat imediat după ce am apăsat pe Publicare în această postare:

Prin instalarea KeyCDN, am înjumătățit și timpul de încărcare al postărilor mele de pe blog (acum este de 2,75 secunde în loc de 5,8 secunde!). În plus, am putut să șterg și pluginurile CloudFlare și de stocare în cache din instalarea mea WordPress.

Sunt foarte mulțumit de cât de ușor a fost instalat KeyCDN (chiar și după greșeala mea inițială!) și estimez că mă va costa doar aproximativ 5 USD/lună , pe baza utilizării mele curente. O afacere completă pentru aceste viteze; trecerea la un plan de găzduire dedicat m-ar costa mult mai mult.

Îl voi lăsa să funcționeze în următoarele câteva săptămâni și voi monitoriza timpii de încărcare a site-ului, clasamentele SEO și valorile utilizatorilor pentru a-i urmări impactul. Voi raporta în curând.

ACTUALIZAȚI:

A trecut o săptămână de când am început să folosesc KeyCDN. Am simțit că site-ul meu se încarcă mai repede, dar a trebuit să fac un test de viteză adecvat pentru a mă asigura că:

Da, încă funcționează! Pagina de pornire (acum 1,3 MB) se încarcă în 1,72 secunde .

Și postarea de blog foarte lungă (3,6 MB) se încarcă în 3,32 secunde . Am observat că și numărul de solicitări a scăzut. Costul total al KeyCDN pentru săptămâna a fost de 9 cenți . Nu-i rău.

Cu toate acestea, m-am uitat la jurnalele serverului meu și am observat că utilizarea lățimii de bandă a crescut cu peste 50% de când am întrerupt CloudFlare (am întrerupt-o pe 12):

Asta nu e bine. După cum am menționat, folosesc doar un VPS ieftin pentru găzduire, așa că aș dori să mențin utilizarea lățimii de bandă cât mai scăzută posibil. Și dacă aș folosi găzduire partajată ieftină, ar fi esențial.

Un alt experiment, acum folosesc CloudFlare ca CDN din nou, fără KeyCDN, deoarece nu joacă bine împreună. Voi monitoriza lățimea de bandă a serverului și viteza site-ului și voi raporta din nou în curând!