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

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.

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.

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]

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.

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