Ako zrýchliť vaše WordPress stránky s CDN77

V našom predchádzajúcom článku sme preskúmali výhody služby CDN so systémom WordPress a prečo sú siete CDN jedným z najlepších spôsobov, ako WordPress niekoľkokrát urýchliť na blogu. , Zistili sme, ako sa zvyšuje výkon, ak sú vaši návštevníci ďaleko od hostiteľského servera. Dúfame, že to vzbudilo váš záujem, pretože v dnešnom článku urobíme podrobného sprievodcu, ako vytvoriť zdroj CDN na CDN77 a ako ho správne vyladiť. Potom na WordPress nainštalujeme konkrétnu sadu doplnkov a potom skontrolujeme, či všetko funguje dobre.


Prvým krokom v našom sprievodcovi bude vytvorte si účet CDN77. V prípade, že ešte nemáte účet, CDN77 ponúka bezplatnú 14-dňovú skúšobnú verziu. Registrácia trvá iba pár minút. Potom skutočne vytvoríme zdroj CDN kliknutím na Vytvoriť nový zdroj CDN (na karte CDN). Na účely tohto článku sa chystáme implementovať CDN do filmového blogu, ktorý je hosťovaný v dátovom centre v Las Vegas..

cdn77-s-WordPress-03

Pretože sa chystáme implementovať úplné riešenie HTTPS, použijeme nové „HTTPS“ na CDN77. Táto voľba zabezpečuje prenos dát z vášho hostiteľského servera na server CDN.

Ak sú vaše stránky spustené v režime SSL, v CDN77 musíte vytvoriť iba prostriedok SSL. V opačnom prípade riskujete chyby so zmiešaným obsahom. Tento druh chýb sa vyskytuje, keď je prehliadač spustený v režime SSL a zrazu sa pokúša načítať prostriedok prostredníctvom nezabezpečenej požiadavky HTTP..

cdn77-s-WordPress-04

Ako nastaviť SSL na CDN77

Zadarmo SSL certifikát môžeme nastaviť dvoma spôsobmi. Môžeme použiť zdieľaný certifikát SSL pre subdoménu na adrese xxx.c.cdn77.org alebo môžeme použiť vlastný CNAME (pozri obrázok vyššie). Vo všeobecnosti odporúčame používať CNAME ako cdn.yoursite.com.

Ak hľadáte zdieľané riešenie CDN77, nie sú potrebné žiadne ďalšie kroky na správne fungovanie subdomény SSL.

V takom prípade nastavíme CNAME. To znamená, že ak náš web nahradíme doménou cdn.ourdomain, obsah našej webovej stránky bude okamžite prístupný prostredníctvom protokolu HTTPS. S CDN77 je získanie SSL záležitosťou niekoľkých kliknutí.

Vyladiť to !

Po vytvorení prostriedku sa musíte najprv pozrieť na ponuku Iné nastavenia. Ak chcete používať protokol HTTPS, je absolútne povinné ponechať protokol HTTP / 2 povolený. Zvýšenie rýchlosti medzi normálnymi HTTP / 1.xa HTTP / 2 je obrovské. CDN77 bude vo vašom HTTPS zdroji štandardne pracovať v režime HTTP / 2, čím skracuje čas na polovicu.

Ak prechádzate cez HTTPS, musíte tiež vykonať presmerovanie 301, aby ste vyhoveli štandardom google pre HTTPS, povoliť presmerovanie HTTPS.

Ak chcete dosiahnuť optimálny výkon, povoľte ignorovanie všetkých položiek v reťazcoch Ignorovať dotazy. Pokiaľ na vašom webe nie je spustený dynamicky načítaný obsah, ktorý je potrebné aktualizovať každú hodinu, môžete sa zbaviť reťazcov dotazov a ignorovať všetko, čím sa výrazne zvýši výkon vyrovnávacej pamäte a stránok..

CDN77 tiež ponúka možnosť vypršania vyrovnávacej pamäte. V prípade, že načítate veľa obrázkov, mali by ste ich nastaviť na najvyššie možné nastavenie, ktorým je 12 dní.

V tejto príručke zvážime predovšetkým rýchlosť. CDN nám preto poskytne iba obrazový statický obsah, všetko ostatné sa načíta zo servera pôvodu.

Prečo nepoužiť CDN pre Javascript a CSS, ste orechy?

Pamätajte, že v našom predchádzajúcom článku sme hovorili o tom, ako sa môže meniť výkonnosť CDN, keď obsah nie je k dispozícii v požadovanom uzle siete CDN. Ak sa súbor, ktorý ešte nebol uložený do vyrovnávacej pamäte, stane súborom CSS, čas načítania sa zvýši a môže mať negatívny vplyv na výkon. Môže to ovplyvniť rýchlosť vykresľovania vašich stránok omnoho viac, ako keby ste sa rozhodli neposkytovať CSS s CDN.

Súbory CSS a Javascript sú nevyhnutné na načítanie webových stránok do ľubovoľného prehľadávača a nemali by byť predmetom mechanizmu vyrovnávacej pamäte, ako je súbor v službách CDN. Aj napriek tomu môžete na CDN vytvoriť statický prostriedok na výpis týchto dôležitých súborov. Toto je pokročilejšia technika, ktorá si bude vyžadovať vyladenie vášho WordPress na úroveň presahujúcu rámec tohto tutoriálu.

Keď máme všetko správne vyladené, môžeme prejsť na kartu ponuky dátových centier.

cdn77-s-WordPress-07

CDN77 poskytuje pohodlný spôsob, ako povoliť / zakázať každý uzol ich siete. Ide o to, aby ste starostlivo vybrali, ktoré uzly sa najaktívnejšie používajú. Toto je ľahké zistiť, stačí sledovať svojich čitateľov.

Keď viete, ktoré uzly potrebujete, odporúčame vám vypnúť všetky výpustné uzly. Existuje jednoduché vysvetlenie: čím viac uzlov máte vo svojej sieti, tým viac času bude potrebné na ich aktualizáciu, a tým trpí váš výkon. Spravidla platí, že keď znížite počet uzlov, zvýšite aj výkon vyrovnávacej pamäte. Vyberaj múdro.

Pri prvom testovaní výkonnosti svojich stránok, očistiť a predbežne načítať mohlo by to byť užitočné. Vymazanie vytlačí konkrétny obsah zo siete CDN, je to užitočné, ak zmeníte obsah a ak chcete aktualizovať, musíte vyprázdniť vyrovnávaciu pamäť. Prefetch urobí opak, vynúti konkrétny obsah do vyrovnávacej pamäte CDN.

cdn77-s-wordpress-10

Po nakonfigurovaní všetkého môžete nasmerovať svoj CNAME na svoju vlastnú doménu. Aby ste to mohli urobiť, musíte si vytvoriť pravidlo vo svojom registrátorovi alebo na hostiteľskom paneli v sekcii DNS a nasmerovať svoj cdn.yourdomain.com na CNAME xxx.rsc.cdn77.org, ako je to zobrazené na obrázku, dá to pokyn DNS aby ste presmerovali všetku prevádzku svojej subdomény na skutočné miesto, ktoré potrebuje. Nerobte si starosti, nebude to mať vplyv na výkon. Okrem toho slúži aj na to, aby ste svojim čitateľom ukázali, že používate cdn.yourdomain.com čo vyzerá fantasticky.

Ak uprednostňujete používanie adresy cdn77.org, nemusíte robiť nič, iba túto adresu použite pri výmene svojho obsahu vo WordPress..

WordPress Side

Na strane WordPress potrebujeme pridať doplnok, aby to fungovalo správne. Budeme používať CDN Enabler, praktický bezplatný doplnok. Dôvod použitia tohto doplnku je jednoduchý – väčšina doplnkov CDN neumožňuje takú podrobnú kontrolu nad adresármi, ktoré posielate do CDN. Tento doplnok funguje a je veľmi dôležitý pre náš prípad, pretože nechceme obsahovať žiadne súbory Javascript alebo CSS, iba nahrané obrázky..

cdn77-s-wordpress-14

Po inštalácii nájdete doplnok priamo tu …

cdn77-s-wordpress-15

Vyladime to !

cdn77-s-wordpress-16

Pamätáte si, keď sme hovorili o prispôsobení? Tu je najdôležitejší fakt o tom, ako správne nastaviť CDN na WordPress. Drvivá väčšina doplnkov CDN vám povie, aby ste do adresára pre CDN „replikovali“ a zvyčajne vám povedia, aby ste zahrnuli obsah wp. Je to v poriadku pre všeobecné nastavenie, ale nie je to pre váš výkon dobré, pretože priečinok s obsahom wp je vyplnený iným veľmi citlivým priečinkom, zložkou s doplnkami a motívmi vrátane ton súborov Javascript a CSS. Ak nie sú uložené do vyrovnávacej pamäte, ako je uvedené vyššie, môžete prísť o výkon.

Ako to vyriešime? Jednoducho zahrneme priečinok wp-content / uploads. Takéto jednoduché riešenie!

Šokovaní, ako by ste mohli byť, veľká väčšina doplnkov, ktoré manipulujú s CDN, vám to neumožní. Zahrnutie iba tohto podpriečinka dá vášmu CDN pokyn do priečinka na odovzdanie, t.

cdn77-s-wordpress-17

Jednoduchá obnova stránky umožní CDN získať obsah za vás. V tomto príklade sme otvorili kartu vývojárov Firefoxu (F12) a hľadali sme prvý obrázok. Môžete jasne vidieť, že odkaz bol nahradený a teraz sa načíta priamo z CDN namiesto nášho hostiteľského servera!

Pred a po

Pozrime sa, ako sa to všetko ukázalo !

Na ľavej obrazovke vidíme čas potrebný na načítanie stránky zo Švédska (čo je ďaleko od nášho hostiteľského servera v Las Vegas?) Na pravej obrazovke vidíme, že sa výkon zvýšil, čas bol takmer rezané na polovicu! Všetky dôležité súbory sa stále načítavajú z nášho servera v Las Vegas, ale súbory s vysokou záťažou, ako sú obrázky, sa načítavajú z uzla vo Švédsku..

Zabalenie

Dúfajme, že ste sa naučili výkonný spôsob, ako implementovať CDN na svoje stránky WordPress. Niektoré techniky nie sú rušivé, napríklad súbory CSS a Javascript, ktoré sú nevyhnutné pre rýchlosť načítania stránok. Teraz môžete využiť každú výhodu CDN a súčasne minimalizovať jej nevýhody. Dúfame, že bezplatne vyskúšate CDN a využite tipy v tomto článku, aby ste zistili, či môžete urýchliť svoje stránky WordPress. Dúfame, že sa vám článok páčil! Akékoľvek ďalšie pochybnosti alebo pochybnosti zanechajte ako obvykle.

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