Ak sa snažíte maximalizovať svoje skóre v Google PageSpeed Insights, možno ste si všimli, že do toho vstupuje veľa faktorov. A je pravdepodobné, že neviete, čo každý z nich znamená, najmä upozornenie na využitie vyrovnávacej pamäte prehliadača.
Spolu s týmto upozornením sa zobrazí zoznam obrázkov, ktoré by prehliadač normálne uložil. Tento zoznam je určený na to, aby vás informoval o tom, ktoré obrázky neobsahujú potrebné informácie, alebo konkrétnejšie, dátumy vypršania platnosti.
Dobrou správou je, že hoci názov nie je veľmi užitočný, riešenie je jednoduché. Dnes vám vysvetlím, čo je ukladanie do vyrovnávacej pamäte prehliadača a ako ho môžete opraviť vo WordPress.
Čo je využitie ukladania do vyrovnávacej pamäte prehliadača?
The Využite ukladanie do vyrovnávacej pamäte prehliadača varovanie upozorňuje používateľov, že nenastavili dátumy vypršania platnosti pre statické obrázky. Dátumy vypršania platnosti hovoria webovému prehliadaču, ako dlho má uchovávať konkrétny obrázok.
V najnovších verziách Google PageSpeed Insights bola táto varovná správa premenovaná. Teraz je známy ako „Poskytovať statické prostriedky s efektívnou politikou vyrovnávacej pamäte“.
Bez ohľadu na to, ako sa to nazýva, príčina a riešenie sú rovnaké.
Teraz to môže znieť trochu divne, ak potrebujete dátum vypršania platnosti na statickom obrázku, ale dáva to veľký zmysel. Priznajme si to, nič na webovej stránke nie je skutočne statické. Nakoniec zmeníte obrázok, spustíte propagáciu alebo len prerobíte svoj web.
Všetko sa zmení a neoznámenie prehliadaču, že došlo k zmene, môže spomaliť načítanie stránok.
Aj keď je dátum vypršania platnosti nastavený, stále sa môže zobraziť chyba, ak sú dátumy príliš krátke. Áno, chyba je v skutočnosti taká zákerná. Dobrou správou je, že chyba poskytuje všetky prípady, v ktorých je potrebné obrázky opraviť.
Ako opraviť chybu ukladania do vyrovnávacej pamäte prehliadača vo WordPress
Existuje množstvo riešení na opravu tejto konkrétnej chyby a ja sa budem venovať najbežnejším riešeniam problému. Dobrou správou je, že žiadna z týchto metód nie je obzvlášť náročná. V skutočnosti väčšina z nich zaberie len pár minút.
A skôr ako začnete, majte na pamäti, že každá webová stránka je jedinečná. To, čo funguje na jednej webovej lokalite, nemusí fungovať na inej, najmä ak máte spustených veľa skriptov tretích strán.
Ak jedna metóda nefunguje, jednoducho skúste inú.
Metóda 1: Kontrola vyrovnávacej pamäte
Cache-control je hlavička HTTP, ktorá určuje pravidlá ukladania do vyrovnávacej pamäte prehliadača pre váš web. Takmer každá webová lokalita bude používať buď túto hlavičku alebo hlavičku Expires (pozri ďalší spôsob), aby umožnila ukladanie aktív do vyrovnávacej pamäte prehliadača.
Ak viete, akú metódu momentálne používate, zamerajte sa na ňu. Je to dôležité, pretože by ste nemali pridávať oboje. Aj keď to nebude mať hrozný vplyv, považuje sa to za nadbytočné.
Dobrou správou je, že je to také jednoduché ako skopírovanie a vloženie riadku kódu.
Ak teraz skontrolujete svoj prehľad Google PageSpeed Insights a rozbalíte chybu, mali by ste vidieť zoznam obrázkov, ktoré neobsahujú údaje, veľkosť týchto obrázkov a informácie o TTL vyrovnávacej pamäte.
Ak Cache TTL hovorí „Žiadne“, potom viete, že problémom je dátum vypršania platnosti.
Kód, ktorý potrebujete, závisí od typu serverov, ktoré používate. Ak napríklad používate server Apache, musíte do súboru .htaccess svojej webovej lokality pridať nasledujúci kód:
Sada hlavičiek Cache-Control „max-age=84600, public“
Kód nastavuje expiračný kód na 84 600 sekúnd, čo sa rovná 1 dňu. Toto číslo môžete zmeniť na ľubovoľné, ale zvyčajne to stačí na vyriešenie chybového hlásenia.
Poznámka: Ak nemôžete nájsť svoj súbor .htaccess, možno ho nemáte. Nebojte sa, je ľahké vygenerovať súbor.
Metóda 2: Platnosť hlavičky vyprší
Hlavička Expires je hlavička HTTP, ktorá informuje prehliadač, kedy vyprší platnosť údajov uložených vo vyrovnávacej pamäti. Ak sú údaje príliš staré, považujú sa za neaktuálne a na opätovné získanie informácií sa musia spojiť s webovou stránkou.
Toto je klasickejšia metóda v porovnaní s kontrolou vyrovnávacej pamäte, ale dodnes funguje dobre. Opäť, ak momentálne nepoužívate hlavičku Expires, táto metóda nie je pre vás. Namiesto toho váš web používa kontrolu vyrovnávacej pamäte (pozri spôsob 1).
Toto riešenie opäť vyžaduje, aby ste skopírovali a prilepili nejaký kód. Závisí to aj od typu servera, ktorý používate.
Pre server Apache nastaví nasledujúci kód dátumy vypršania platnosti pre rôzne typy médií (jpg, jpeg, png atď.) až na jeden mesiac. Zadajte ho do súboru .htaccess:
## VYPRŠÍ UKLADANIE HLAVIČKY DO CACHOVANIA ##
ExpiresActive On
ExpiresByType image/jpg „prístup 1 rok“
ExpiresByType image/jpeg „prístup 1 rok“
ExpiresByType image/gif „prístup 1 rok“
ExpiresByType image/png „prístup 1 rok“
ExpiresByType image/svg „prístup 1 rok“
ExpiresByType text/css „prístup 1 mesiac“
Aplikácia ExpiresByType/pdf „prístup 1 mesiac“
ExpiresByType application/javascript „prístup 1 mesiac“
ExpiresByType application/x-javascript „prístup 1 mesiac“
ExpiresByType application/x-shockwave-flash „prístup 1 mesiac“
ExpiresByType image/x-ikona „prístup 1 rok“ ExpiresDefault „prístup 2 dni“
## VYPRŠÍ UKLADANIE HLAVIČKY DO CACHOVANIA ##
Čas môžete zmeniť na ľubovoľnú hodnotu, ale zvyčajne to stačí na vyriešenie chybového hlásenia v PageSpeed Insights.
Metóda 3: Skripty tretích strán
Prvé dve metódy sa zameriavajú na to, čo môžete urobiť, aby ste spravovali všetko na svojom webovom serveri, ale niekedy môže byť problém z externého zdroja. Skript tretej strany je zdroj načítaný mimo vášho webového servera.
Napríklad v ironickom zvrate udalostí môže byť príčinou vašej chyby služba Google Analytics. Alebo to môže byť niečo iné ako systém komentárov Disqus pre WordPress.
V podstate všetko, čo nie je uložené priamo na vašej webovej lokalite, môže viesť k chybe Využitie vyrovnávacej pamäte prehliadača. Viem, nie je to veľmi užitočné z hľadiska riešenia problémov.
Ako teda môžete vyriešiť tento problém, ak pochádza zo zdroja tretej strany?
No, aby som bol úprimný, niekedy sa to nedá. Niektoré z týchto skriptov tretích strán nemajú žiadny spôsob, ako ich umiestniť lokálne, takže nemôžete nič robiť, ale niektoré majú alternatívy. Skutočný problém je nájsť ich.
Spoľahlivý spôsob, ako zistiť, ktorý skript spôsobuje chybu, je odstrániť ich jeden po druhom a vykonať test PageSpeed Insights. Ak sa problém vyriešil odstránením určitého skriptu, môžete nájsť riešenie.
Metóda 4: Použite doplnok pre ukladanie do vyrovnávacej pamäte
Najlepšia časť WordPressu je obrovská knižnica doplnkov, ktoré máte k dispozícii. A keďže ukladanie do vyrovnávacej pamäte je nevyhnutnou súčasťou prevádzky webovej stránky, k dispozícii je obrovský repertoár pluginov, ktoré môžu tento problém vyriešiť, ale ako väčšina vecí, výsledky sa budú líšiť.
Tu sú niektoré z najlepších dostupných doplnkov na ukladanie do vyrovnávacej pamäte.
1. Litespeed Cache
Litespeed cache je najpopulárnejším doplnkom pre ukladanie do vyrovnávacej pamäte pre WordPress a dokáže jednoducho vyriešiť každé upozornenie na ukladanie do vyrovnávacej pamäte prehliadača, ktoré Google PageSpeed Insights zobrazí. V skutočnosti má vyhradené nastavenia len pre chybu ukladania do vyrovnávacej pamäte prehliadača.
Samozrejme, toto je len jedna časť toho, čo plugin ponúka. Dokáže výrazne zrýchliť váš web.
Pokiaľ ide o využitie vyrovnávacej pamäte prehliadača, stačí v nastaveniach povoliť ukladanie do vyrovnávacej pamäte prehliadača. Má dokonca oblasť, kde môžete manuálne zadať dátumy vypršania platnosti. Prípadne je možné ich nastaviť automaticky.
Okrem toho je kompatibilný s väčšinou hlavných doplnkov WordPress, ako je WooCommerce a BBPress. Rýchlosť vašej webovej stránky sa výrazne zvýši už so základnou inštaláciou a môže sa zdvojnásobiť alebo dokonca strojnásobiť pomocou precíznejšieho prístupu.
2. WP Rocket
WP raketa je úžasný prémiový doplnok, ktorý môže výrazne zvýšiť výkon vášho webu. A má tiež celú sekciu venovanú vyrovnávacej pamäti prehliadača, ktorá automaticky nastaví dátumy vypršania platnosti.
Preto nikdy neuvidíte chybu ukladania do vyrovnávacej pamäte prehliadača zo zdroja na vašom webe, ale stále je to možné zo skriptov tretích strán.
To znamená, že WP Rocket pomáha optimalizovať niektoré z týchto problémov tretích strán, ako je Facebook Pixel. WP Rocket je komplexné riešenie pre ukladanie do vyrovnávacej pamäte, ktoré zahŕňa optimalizáciu obrázkov, predbežné načítanie mapy webu, detekciu mobilných zariadení a oveľa viac.
Jedným z najdôležitejších aspektov je jednoduché používanie, ale problémom je, že návštevníkom neumožňuje vyskúšať si to zadarmo. Preto si ho budete musieť kúpiť, aby ste ho vyskúšali, ale môžete využiť 14-dňovú záruku vrátenia peňazí.
3. Najrýchlejšia vyrovnávacia pamäť WP
Najrýchlejšia vyrovnávacia pamäť WP je ďalší vynikajúci a bezplatný doplnok pre ukladanie do vyrovnávacej pamäte pre WordPress, ktorý dokáže vyriešiť tento problém. V skutočnosti to robí automaticky pri inštalácii. To je pravda, doslova nemusíte robiť nič iné, len ho nainštalovať.
A ako už názov napovedá, špecializuje sa na zrýchlenie vášho webu WordPress.
Ako ste možno uhádli, jeho najväčšou výhodou je, že robí všetko za vás. To znamená, že existujú niektoré nastavenia, ktoré si môžete nakonfigurovať sami, ale väčšina z nich je uzamknutá za prémiovou verziou doplnku.
Niektoré z ďalších funkcií zahŕňajú podporu viacerých stránok, minifikáciu CSS, JavaScript a HTML, umožňujú lenivé načítanie obrázkov, ponúkajú podporu Cloudflare a oveľa viac.
Má všetko, čo potrebujete na zrýchlenie WordPress.
4. Celková vyrovnávacia pamäť W3
Celková vyrovnávacia pamäť W3 je ďalšie veľké meno v odvetví doplnkov pre ukladanie do vyrovnávacej pamäte a dosahuje neuveriteľné výsledky. A rovnako ako ostatné, ktoré som spomenul, má vyhradenú sekciu pre ukladanie do vyrovnávacej pamäte prehliadača, ktorá vyrieši všetky chyby na strane vášho servera.
Môže tiež pomôcť s niektorými skriptami tretích strán.
Na rozdiel od iných doplnkov vyžaduje W3 Total Cache viac manuálnych nastavení ako iné doplnky. To znamená, že to nie je zlá vec. Pomáha vám poskytnúť väčšiu kontrolu nad ukladaním do vyrovnávacej pamäte vášho webu, a preto je to taký populárny doplnok.
Jedným z kľúčových rozdielov medzi W3 Total Cache a inými doplnkami je to, že ide o kompletný rámec. Iné doplnky sa snažia vylepšiť alebo opraviť špecifické problémy pre priemernú webovú stránku a tento doplnok ide ďaleko za to.
Prečo je rýchlosť taká dôležitá?
Optimalizácia vašej webovej stránky na rýchlosť je kľúčová pre úspech z rôznych dôvodov.
Najprv sa zamerajme na používateľskú skúsenosť. Nikto nemá rád pomalý web. Každá sekunda, keď návštevník čaká na načítanie stránky, je ďalšou sekundou, kedy sa môže rozhodnúť opustiť vaše stránky. V prípade niektorých webových stránok ich to bude stáť predaj.
Rýchle časy načítania zaisťujú, že návštevník môže prejsť celým obsahom, ktorý chce, a nebude sa pýtať, či skutočne potrebuje niečo kúpiť.
Z pohľadu SEO je rýchlosť jedným z potvrdených faktorov, ktoré Google a ďalšie vyhľadávače používajú na hodnotenie webových stránok. Čím rýchlejší je váš web, tým lepšie bude hodnotenie. Čím lepšie sa umiestni, tým väčšiu návštevnosť získate.
Čím väčšiu návštevnosť získate, tým viac peňazí môžete zarobiť.
Nezabudnite opraviť ostatné chyby
Chyba ukladania do vyrovnávacej pamäte prehliadača je len jedným z problémov, ktoré môže odhaliť test Google PageSpeed Insights. A úprimne povedané, zďaleka to nie je tá, ktorej by ste sa mali najviac znepokojovať. Namiesto toho venujte nejaký čas tomu, aby ste sa pozreli na ďalšie chyby, ktoré vidíte.
To znamená, že je dôležité si uvedomiť, že stále môžete mať rýchly web a získať zlé skóre stránky.
Tento test analyzuje mnohé komponenty vášho webu. Jedným z hlavných faktorov, ktoré môžu skutočne znížiť skóre vašej stránky, je počet skriptov tretích strán, ktoré používate. Ovplyvňuje oveľa viac než len ukladanie do vyrovnávacej pamäte prehliadača, takže ich používajte s mierou.
Aký doplnok na ukladanie do vyrovnávacej pamäte používate vo WordPress? Všimli ste si zvýšenie výkonu po vyriešení chybového hlásenia?
