Kako pospešiti svoje WordPress spletno mesto s CDN77

V našem prejšnjem članku smo na spletnem dnevniku raziskali prednosti uporabe storitve CDN z WordPressom in zakaj so CDN-ji eden najboljših načinov, kako pospešiti WordPress. . Opazili smo, kako zelo se poveča uspešnost, če so vaši obiskovalci daleč stran od vašega gostiteljskega strežnika. Upamo, da je to vzbudilo vaše zanimanje, saj bomo v današnjem članku naredili korak za korakom navodila o tem, kako ustvariti vir CDN na CDN77 in kako ga pravilno prilagoditi. Po tem bomo na WordPress namestili določen niz vtičnikov in nato preverili, ali vse deluje v redu.


Prvi korak v našem vodniku bo ustvarite račun CDN77. V primeru, da še nimate računa, CDN77 ponuja brezplačno 14-dnevno preizkusno različico. Registracija traja le nekaj minut. Nato bomo dejansko ustvarili vir CDN s klikom na Ustvari nov vir CDN (na zavihku CDN). Za namen tega članka bomo uvedli CDN na filmskem blogu, ki ga gostimo v Datacentru v Las Vegasu.

cdn77-z-wordpress-03

Ker bomo uvedli celovito rešitev HTTPS, bomo na CDN77 uporabili nov “HTTPS”. Ta možnost zavaruje prenos podatkov z vašega gostiteljskega strežnika na strežnik CDN.

Če vaše spletno mesto deluje v načinu SSL, morate na CDN77 ustvariti samo vir SSL. V nasprotnem primeru tvegate napake z mešano vsebino. Do takšnih napak pride, ko brskalnik deluje v načinu SSL in nenadoma poskuša naložiti vir s pomočjo nezanesljive zahteve HTTP.

cdn77-z-wordpress-04

Kako nastaviti SSL na CDN77

Brezplačno SSL potrdilo lahko nastavimo na 2 načina. Lahko uporabimo skupni certifikat SSL za poddomeno na xxx.c.cdn77.org ali pa uporabimo svoj CNAME (glej zgornjo sliko). Na splošno priporočamo uporabo CNAME, kot je cdn.yoursite.com.

Če gre za rešitev v skupni rabi CDN77, nadaljnji koraki niso potrebni, da poddomena SSL pravilno deluje.

V tem primeru bomo nastavili CNAME. To pomeni, da bo vsebina našega spletnega mesta dostopna takoj prek HTTPS, če naše spletno mesto nadomestimo s cdn.ourdomain. Pri CDN77 je pridobitev SSL-ja le nekaj klikov.

Ukroti ga !

Ko ustvarite vir, morate najprej pogledati meni Druge nastavitve. Če boste uporabljali HTTPS, je nujno, da HTTP / 2 ostane omogočen. Izboljšanje hitrosti med običajnim HTTP / 1.x in HTTP / 2 je ogromno. CDN77 bo privzeto deloval v načinu HTTP / 2 v vašem viru HTTPS in tako skrajšal čas na polovico.

Če greste prek HTTPS, morate narediti tudi preusmeritev 301, da izpolnite google standarde za HTTPS, omogočite preusmeritev HTTPS.

Za optimalno delovanje omogočite prezreti vse v nizih Ignore Query. Če se na vašem spletnem mestu ne izvaja dinamično naložena vsebina, ki jo je treba posodabljati vsako uro, se lahko izmaknete poizvedbenim nizom in zanemarite vse, to bo izjemno povečalo predpomnilnik in uspešnost spletnega mesta.

CDN77 ponuja tudi možnost predpomnilnika. Če naložite veliko slik, je treba to nastaviti na najvišjo možno nastavitev, to je 12 dni.

V tem priročniku bomo najprej upoštevali hitrost. CDN nam bo torej posredoval samo statično vsebino slike, vse ostalo bo naloženo s izvornega strežnika.

Zakaj ne uporabite CDN za Javascript in CSS, ali ste brez ovir?

Ne pozabite, da smo v prejšnjem članku govorili o tem, kako se lahko učinkovitost CDN razlikuje, če vsebina ni na voljo v zahtevanem vozlišču omrežja CDN. No, če se datoteka, ki še ni predpomnjena, zgodi, da je datoteka CSS, se čas nalaganja podaljša in lahko negativno vpliva na vašo uspešnost. To lahko vpliva na hitrost upodabljanja vašega spletnega mesta veliko več, kot če se odločite, da CSS ne boste uporabljali s CDN.

Datoteke CSS in Javascript so ključne za nalaganje spletnega mesta v katerem koli brskalniku in ne bi smele biti predmet predpomnilnega mehanizma, kot je tisti v storitvah CDN. Čeprav lahko na CDN ustvarite statični vir, da izstavite te pomembne datoteke. To je naprednejša tehnika, zaradi katere boste morali WordPress prilagoditi na raven, ki presega obseg te vadnice.

Ko smo vse pravilno predelali, lahko nadaljujemo do zavihka z menijskim centrom podatkovnih centrov.

cdn77-with-wordpress-07

CDN77 ponuja priročen način za omogočanje / onemogočanje vsakega vozlišča njihovega omrežja. Bistvo je natančno izbrati, katera vozlišča se najbolj aktivno uporabljajo. To je enostavno ugotoviti, samo sledite svojim bralcem.

Ko veste, katera vozlišča potrebujete, priporočamo, da onemogočite vsa vozlišča, ki jih je mogoče uporabiti. Za to obstaja preprosta razlaga: več ko imate vozlišč v omrežju, več časa bo potrebno, da jih posodobite, zato vaša uspešnost trpi. Splošno pravilo, ko zmanjšate število vozlišč, povečate tudi zmogljivost predpomnilnika. Izberite pametno.

Ko prvič preizkušate delovanje spletnega mesta, čiščenje in prednastavitev bi lahko bilo priročno. Purge bo določeno vsebino potisnil iz omrežja CDN, kar je priročno, če vsebino spremenite in morate posodobiti predpomnilnik za posodobitev. Prefetch bo naredil nasprotno, silil bo določeno vsebino v predpomnilnik CDN.

cdn77-with-wordpress-10

Ko imate vse nastavljeno, lahko usmerite CNAME na svojo domeno. Če želite to narediti, morate v registratorju ali na gostovalni plošči v razdelku DNS ustvariti pravilo in usmeriti svoj cdn.yourdomain.com na CNAME xxx.rsc.cdn77.org, kot je prikazano na sliki, to bo ukazal DNS da preusmerite ves promet svoje poddomene na dejansko mesto, kjer mora biti. Brez skrbi, to ne bo vplivalo na uspešnost. Poleg tega služi tudi temu, da bralcem pokaže, da uporabljate cdn.yourdomain.com kar je videti fajn.

Če raje uporabljate naslov cdn77.org, vam ni treba storiti ničesar, samo uporabite ta naslov pri zamenjavi vsebine v WordPressu.

WordPress Side

Na strani WordPress moramo za pravilno delovanje dodati dodatek. Uporabili bomo CDN Enabler, priročen brezplačni vtičnik. Razlog za uporabo tega vtičnika je preprost – večina vtičnikov CDN ne bo omogočila tako natančnega nadzora nad mapami, ki jih pošljete v CDN. Ta vtičnik je zelo pomemben za naš primer, saj ne želimo vključiti nobenih datotek Javascript ali CSS, ampak samo naložene slike.

cdn77-with-wordpress-14

Ko je nameščen, lahko vtičnik najdete tukaj …

cdn77-with-wordpress-15

Potaknimo ga !

cdn77-with-wordpress-16

Se spomnite, ko smo govorili o prilagoditvi? Tu je najpomembnejše dejstvo, kako pravilno nastaviti CDN na WordPress. Velika večina vtičnikov CDN vam bo povedala, da vključite imenik za CDN, ki naj se “presnovi”, in navadno vam povedo, da vključite wp-vsebino. To je v redu za splošno nastavitev, vendar ni dobro za vašo uspešnost, ker je mapa z vsebino wp napolnjena z drugo zelo občutljivo mapo, mapo z vtičniki in temami, vključno s številnimi datotekami Javascript in CSS. Izgubite lahko delovanje, če se ne predpomnijo, kot je bilo že prej razloženo.

Kako to popravimo? Preprosto vključimo mapo wp-content / uploads. Tako preprosta rešitev!

Presenečena večina vtičnikov, ki upravljajo s CDN-ji, vam tega ne bo dovolila. Če samo ta podmapa vključuje CDN, bo vaš CDN ukazal v mapo za nalaganje, torej samo na vaše slike.

cdn77-with-wordpress-17

Preprosta osvežitev spletnega mesta bo omogočila, da CDN pridobi vsebino za vas. V tem primeru smo odprli zavihek za razvijalce Firefox (F12) in poiskali prvo sliko. Jasno vidite, da je bila povezava zamenjana in se zdaj nalaga neposredno iz CDN namesto z gostiteljskega strežnika!

Pred in po

Poglejmo, kako se je vse to izkazalo !

Na levem zaslonu vidimo čas, potreben za nalaganje spletnega mesta iz Švedske (ki je daleč stran od našega gostiteljskega strežnika v Las Vegasu, se spomnite?) Na desnem zaslonu vidimo, da se je zmogljivost povečala, čas je bil skoraj prerezano na pol! Vse bistvene datoteke se še vedno nalagajo z našega strežnika v Las Vegasu, vendar datoteke z velikimi obremenitvami, kot se slike nalagajo iz vozlišča na Švedskem.

Zavijanje

Upajmo, da ste se naučili močan način za implementacijo CDN-a na svoje WordPress spletno mesto. Nekatere tehnike niso vsiljive, kot so datoteke CSS in Javascript, ki so bistvene za hitrost nalaganja spletnega mesta. Zdaj lahko izkoristite vse prednosti CDN in hkrati zmanjšate njegove pomanjkljivosti. Upamo, da boste brezplačno preizkusili CDN in uporabili nasvete v tem članku, da preverite, ali lahko pospešite svoje WordPress spletno mesto. Upamo, da ste v članku uživali! Kot običajno pustite kakršna koli vprašanja ali dvome v spodnjih komentarjih.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map