Ako využiť vyrovnávaciu pamäť prehliadača vo WordPress

Webový prehliadač, ako je chrome, ukladá statické súbory a ukladá ich do vyrovnávacej pamäte pri prvej návšteve webovej stránky. Tieto uložené súbory sú vo všeobecnosti statické súbory ako napr obrazy, javascript a CSS súbory. Nazývame to vyrovnávacia pamäť prehliadača, pretože je uložená v pamäti prehliadača vo vašom počítači.

Ak spustíte test rýchlosti vášho WordPress blogu môžete nájsť odporúčanie znie:

„Využite ukladanie do vyrovnávacej pamäte prehliadača“.

Je to bežný návrh poskytovaný mnohými nástrojmi na testovanie rýchlosti.

Snímka obrazovky vyššie pochádza z GTmetrix. Za odporúčanie „využiť vyrovnávaciu pamäť prehliadača“ udelil blogu 87 známok.

Keď tento problém vyriešite, uvidíte zlepšenie skóre rýchlosti stránky. Ukladanie do vyrovnávacej pamäte prehliadača je nevyhnutné aby sa váš web rýchlo načítal.

V tomto článku vám v niekoľkých krokoch ukážem, ako využiť ukladanie do vyrovnávacej pamäte prehliadača na vašom serveri.

1. Použitie W3 Total Cache WordPress Plugin

Ak používate WordPress, veci by boli jednoduché, pretože stačí nainštalovať doplnok s názvom Celková vyrovnávacia pamäť W3 (W3TC). Je to pokročilý doplnok vyrovnávacej pamäte a prichádza s funkciami, ktoré potrebujeme.

Krok 1: Povoľte funkciu vyrovnávacej pamäte prehliadača v nastaveniach W3TC

Prejdite na všeobecné nastavenia W3TC. Tam nájdete začiarkavacie políčko „Vyrovnávacia pamäť prehliadača“. Povolením zapnete všeobecné ukladanie do vyrovnávacej pamäte prehliadača.

Krok 2: Povoľte špecifickú možnosť vyrovnávacej pamäte

Keď povolíte vyrovnávaciu pamäť prehliadača, aktivujú sa jej nastavenia. Ak chcete povoliť špecifické funkcie vyrovnávacej pamäte, prejdite do nastavení vyrovnávacej pamäte prehliadača.

Krok 3: Uložte a vymažte vyrovnávaciu pamäť

Aby vaše nastavenia fungovali, musíte ich uložiť. Na konci nastavenia kliknite na tlačidlo uložiť všetky nastavenia. Potom kliknite na vymazať všetku vyrovnávaciu pamäť, aby sa vaše nastavenia prejavili na vašom webe.

Otestujte si svoju stránku teraz a už by ste nemali varovať „využívať vyrovnávaciu pamäť prehliadača“.

2. Použitie súboru .htaccess na serveri Apache

⛔Upozornenie Neupravujte svoj súbor .htaccess, ak ho nepoznáte. Spýtaj sa tvojho webhostingu urobiť to za vás. „.htaccess“ je citlivý súbor a ak vložíte nejaký kód nesprávne, môže poškodiť vašu stránku.

Server Apache má súbor s názvom .htaccess. Tento súbor spracováva požiadavku servera a riadi adresárové priečinky a požiadavky.

Ak chcete povoliť vyrovnávaciu pamäť prehliadača a využiť ju, ak ste na serveri Apache, skopírujte a prilepte tento kód na začiatok alebo koniec:

## EXPIRES CACHING ##
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 2 days"
## EXPIRES CACHING ##

Tento kód zaisťuje, že vaše statické súbory, ktoré obsahujú obrázky CSS a javascript, budú uložené v prehliadačoch na dlhú dobu. Súbor .htaccess nájdete v koreňovom priečinku servera. Pre referenciu sa pozrite na obrázok vyššie.

3. Používanie hlavičky Cache-Control na serveri Nginx

Príklad konfigurácie Nginx

Ak hosťujete svoj blog na serveri Nginx, v koreňovom adresári servera nenájdete súbor .htaccess. Je to preto, že Nginx nepoužíva .htaccess na spracovanie požiadaviek. Môžete si prečítať viac o tom, prečo v Nginx nie je žiadny .htaccess.

Skopírujte a prilepte nižšie uvedený kód do konfiguračného umiestnenia vášho servera alebo do koreňového bloku servera.

location ~* \.(js|css|png|jpg|jpeg|gif|svg|ico)$ {
 expires 30d;
 add_header Cache-Control "public, no-transform";
}

A potom skopírujte/prilepte toto:

location ~*  \.(jpg|jpeg|gif|png|svg)$ {
        expires 365d;
    }

    location ~*  \.(pdf|css|html|js|swf)$ {
        expires 2d;
    }

⛔Upozornenie Ak neviete, kam tento kód vložiť, opýtajte sa svojho hostiteľ. Potvrďte, že ste na serveri Nginx a pokračujte iba vtedy, ak ste si istí, ako nájsť a upraviť konfiguračný súbor na vašom serveri.

Stále existuje jeden jednoduchý spôsob, ako…

Pomocou CDN

Tento jeden spôsob je najjednoduchší spôsob, ako môžete vyriešiť túto chybu ukladania do vyrovnávacej pamäte. A sieť na doručovanie obsahu (CDN) spracováva vyrovnávaciu pamäť a požiadavky HTTP rýchlejšie, takže váš web funguje rýchlejšie bez ohľadu na to, odkiaľ sa naň pristupuje.

Jednoduchým použitím CDN môžete zlepšiť rýchlosť načítania vašej webovej stránky drasticky. Okrem toho riadi najlepšia vyrovnávacia pamäť a požiadavky prehliadača fungujú automaticky.

Odporúčam použiť KeyCDN. Sú rýchle a cenovo výhodné.

To je všetko. Tiež by ste si radi prečítali o ako opraviť chybu presmerovania a obnovenia wp-admin. Čítať ako opraviť, keď responzívne mobilné menu vo WordPress nefunguje.

Dajte mi vedieť, ako ste sa zlepšili pomocou tohto sprievodcu.

Zdieľaj: