Ako vyhovieť odporúčaniu „Serve Static Content From a Cookieless Domain“

Serve Static Content From a Cookieless Domain WordPress

Ako vyhovieť odporúčaniu „Serve Static Content From a Cookieless Domain“, na ktoré môžeš naraziť pri analýze webu v nástrojoch Pingdom, GTmetrix alebo Google PageSpeed Insights? Na výber máš použitie CDN služby alebo samostatnej domény/subdomény.

O čo vlastne ide

Keď server (pri návšteve webovej stránky) nastaví cookie pre určitú doménu, všetky HTTP requesty z tejto domény musia túto cookie obsahovať. Pri obrázkoch, JavaScript alebo CSS súboroch nie je potrebné, aby ich sprevádzala akákoľvek HTTP cookie.

Serve Static Content From a Cookieless Domain
Takýto výsledok nájdeš na dosť zanedbanom webe.

Odporúčania zbaviť sa nepotrebných cookies sa zväčša týka webov s väčším počtom requestov. Bežný WordPress web skončí väčšinou v zelených číslach, no nemusíš mať WordPress alebo to chceš mať nastavené tip-top.

Nová (sub)doména + re-konfigurácia WordPress

WordPress má v sebe predpripravené riešenie, ktorým vieš načítavať statické súbory z inej domény či subdomény. Aj bez dodatočného pluginu. Podobné nastavenie môžeš vidieť na veľkých e-commerce stránkach, viď nasledujúci obrázok z webu martinus.sk.

Statický obsah na webe Martinus.sk
Statický obsah na webe Martinus.sk sa tiež načítava z inej adresy, konkrétne //mrtns.eu.

Dôležitá poznámka: pokiaľ tvoj WordPress web beží na top-level doméne bez www, v tvare https://doména.sk, budeš potrebovať separátnu doménu (tá niečo stojí). Ak používaš adresu s www, v tvare https://www.doména.sk, stačí ti aj subdoména, napr. static.domena.sk. A tá je zadarmo 🙂

V nasledujúcom príklade predpokladám, že používaš adresu s www.

  1. Vytvor subdoménu static.domena.sk, z ktorej sa bude načítavať statický obsah.
  2. Nasmeruj subdoménu do /wp-content zložky tvojho webu. Pomocou CNAME záznamu, symlinkom alebo priamou editáciou homeroot zložky ftp_root/sub/subdomena aby zobrazovala obsah z ftp_root/web/folder. Ak používaš hosting od WebSupport, priamo cez WebAdmin to nepôjde – použi Symlink.
  3. Do súboru wp-config.php doplň toto. domena.sk nahraď tvojou doménou:
    [dt_code]
    define(„WP_CONTENT_URL“, „https://static.domena.sk“);
    define(„COOKIE_DOMAIN“, „domena.sk“);
    [/dt_code]
Nastavenie premennej WP_CONTENT_URL v súbore wp-config.php na webe kavoros.sk.
Ukážkové nastavenie z môjho webu, ktorý beží na adrese https://www.kavoros.sk.

Niekoľko poznámok na záver

  • v riadku define(„WP_CONTENT_URL“, „https://static.domena.sk“); si všimni HTTPS. Nezabudni zabezpečiť SSL certifikát pre subdoménu static.domena.sk.
  • v riadku define(„WP_CONTENT_URL“, „https://static.domena.sk“); môžeš použiť aj na protokole nezávislý zápis //static.domena.sk.
  • ak už si so svojim webom v zelených číslach (Pingdom), tento trik ti už veľké zlepšenie neprinesie. Zo skóre 94 sa dostaneš povedzme na 97 🙂
  • ak používaš HTTP/2, upozornenie „Serve Static Content From a Cookieless Domain“ môžeš údajne ignorovať – nemám osobnú skúsenosť. Ak ty máš, daj vedieť v komentároch.
  • načítanie statického obsahu z inej adresy sa dá využiť aj pri horizontálnom škálovaní infraštruktúry a rozdelení záťaže medzi viacero serverov. Na tomto princípe fungujú aj CND služby, ktoré servírujú obsah z viacerých serverov a tak rozkladajú/znižujú záťaž webového servera.
Výsledok optimalizácie webu kavoros.sk.
Aj bez dodatočnej optimalizácie dosahujem takýto výsledok. S úpravou to skočí na 99 😉

Potrebuješ zrýchliť tvoj WordPress web? Pozri si moje služby pre WordPress weby, alebo si dohodni rýchlu konzultáciu.

Od Karol Vörös

Mojim daily jobom je produktový manažment vo WebSupporte. Ako freelancer pomáham podnikateľom predávať online.

2 komentáre

  1. Pekný článok, no čo tak vylepšiť trochu aj tie červené čísla na svojom webe? Možno porozmýšlať nad zmenou cachovacieho pluginu, odkedy používam WP Rocket je to fajn aj po performance stránke..

Pridaj komentár

Vaša e-mailová adresa nebude zverejnená. Vyžadované polia sú označené *