Vyrovnávacia pamäť a optimalizácia: cache stránok, minifikácia a písma

Karta Vyrovnávacia pamäť a optimalizácia zrýchľuje verejné stránky bez samostatného cache pluginu. Cachuje stránky, skracuje HTML, načítava skripty neskôr, stará sa o písma a kontroluje výsledok. Otvorte ju v Baza Helper > Vyrovnávacia pamäť a optimalizácia.

Cache stránok

Zapnite Zapnúť verejnú cache stránok. Cachujú sa len anonymné požiadavky GET bez cookies a parametrov v adrese. Účet, pokladňa a vylúčené cesty vždy obchádzajú cache.

• Životnosť cache (sekundy): predvolene jedna hodina, od 60 sekúnd do dňa. Krátka životnosť udržiava čerstvé údaje o rezerváciách a bezpečnostné tokeny, dlhá zachováva web rýchly pre každého návštevníka.
• Maximálny počet stránok v cache: limit uložených kópií.
• Vymazať cache pri zmene obsahu alebo nastavení témy: návštevníci neuvidia zastarané stránky.
• Vylúčené cesty URL: jedna cesta na riadok, začínajúca znakom /. Cesta a všetko pod ňou obchádza cache.

Karta sa otvára tromi kartami v tomto poradí: Správa cache, Poradca rýchlosti, potom Cache stránok a ostatné nastavenia. V bloku Správa cache uvidíte počet cachovaných stránok, veľkosť cache a vypršané záznamy. Vymazať cache stránok ju vyprázdni a Zahriať verejné stránky vyžiada až 100 zverejnených stránok v malých dávkach WP-Cron, aby už prvý návštevník dostal cachovanú stránku. Zahrievanie preskakuje personalizované odpovede. Ak je WP-Cron na serveri vypnutý, zahrievanie potrebuje úlohu cron na serveri.

HTML, CSS a JavaScript

• Konzervatívna minifikácia HTML odstráni komentáre a nadbytočné medzery. Medzery v texte, skripty, JSON-LD, štýly, SVG, pre a textarea zostanú nedotknuté.
• Use compiled minified theme CSS / JavaScript vyberie súbor .min témy, ak existuje.
• Odložiť kompatibilné skripty témy (defer) používa načítanie WordPressu s ohľadom na závislosti. Externé skripty poskytovateľov a zdroje pluginu na rezervácie zostanú bez zmeny.
• Odložiť všetky skripty (vrátane jQuery a témy) načíta každý súbor skriptu po analýze stránky. WordPress zachová poradie skriptov, ktoré od seba závisia. Skript s vloženým kódom vypísaným po ňom a prihlásení návštevníci zostanú bez zmeny a ak stránka spúšťa vložený kód, ktorý sám volá jQuery, jQuery zostane prvý. Predvolene vypnuté. Po zapnutí otestujte formuláre, menu a posuvníky. Nastavenie Skripty ponechané bez zmeny pri odložení všetkých berie jeden handle skriptu WordPressu na riadok. Tieto skripty zostanú v head a všetky ostatné sa odložia.
• Combine local stylesheets / scripts into one file platí pre návštevníkov, ktorí nie sú prihlásení. Súbory načítané za sebou sa zlúčia do jedného súboru v rovnakom poradí. Štýly s vloženým kódom, inými typmi médií alebo @import a skripty s vloženými údajmi či moduly zostanú oddelene. Po zapnutí otestujte formuláre, menu a posuvníky.
• Odložiť skripty rezervačného kalendára (defer) sa zobrazí len vtedy, keď je nainštalovaný Baza Booking Calendar. Po zapnutí urobte testovaciu rezerváciu.
• Odložiť skripty Elementoru a doplnkov a Nenačítať jQuery Migrate na verejnej stránke odstránia ďalšie blokujúce požiadavky. Potom skontrolujte posuvníky, počítadlá, menu, vyskakovacie okná a formuláre.
• Vypnúť emoji WordPressu odstráni skript a štýly emoji. Napísané emoji fungujú ďalej, pretože ich kreslí prehliadač.

Obrázky a prvá obrazovka

• Doplniť chýbajúce rozmery lokálnych obrázkov doplní šírku a výšku len vtedy, keď chýbajú obe.
• Lenivé načítanie nenastavených obrázkov po prvých troch nechá prvé obrázky bez odloženého načítania.
• Ponechať spočiatku viditeľný obsah statický kvôli LCP zabráni animáciám vstupu, aby zdržiavali prvú obrazovku.
• Predbežne načítať najväčší obrázok každej stránky zistí od prehliadačov návštevníkov, ktorý obrázok sa vykreslil ako najväčší, a po dvoch zhodných návštevách pridá preň predbežné načítanie s vysokou prioritou, osobitne pre telefóny a väčšie obrazovky. Tento obrázok sa nikdy nenačítava lenivo: loading="lazy" sa odstráni a priorita sa nastaví na vysokú.
• Automaticky opravovať značky prístupnosti pridá odkazom bez názvu aria-label, doplní značku main, ak ju stránka nemá, a odstráni neplatné atribúty aria-value.

Písma

• Použiť font-display swap pre lokálne štýly vytvorí kópiu CSS s hashom v názve a pridaným swap.
• Automaticky robiť preload písiem lokálnych štýlov vopred načíta prvý latinský súbor písma každého @font-face a Najviac písiem na automatický preload (od 1 do 5, predvolene 2) obmedzuje ich počet.
• Preload dôležitých adries URL písiem prijíma až päť adries WOFF2, WOFF, TTF alebo OTF. Vopred načítavajte len písma použité na prvej obrazovke.

Kritické CSS a odložené štýly

Pole Critical CSS obsahuje len CSS, bez značiek style a importov. Je potrebné skôr, než uvediete Handle štýlov na načítanie po critical CSS. Štýly mimo zoznamu zostávajú blokujúce. Generátor Critical CSS môže pole vyplniť za vás, pozrite si samostatný článok.

Priama dodávka HTML

Poskytovať HTML priamo bez WordPressu odovzdá cachované stránky webovému serveru bez spustenia PHP. Vyžaduje cache stránok a automatické zneplatnenie a musí prejsť skutočnou kontrolou servera. Na Apache a LiteSpeed tlačidlo Nainštalovať pravidlá automaticky zálohuje .htaccess, zapíše pravidlá pred pravidlá WordPressu, otestuje domovskú stránku a ak niečo zlyhá, vráti starý súbor. Odstrániť pravidlá odstráni len blok, ktorý pridal Baza Helper. Na Nginx karta ukáže pravidlá na skopírovanie do konfigurácie servera.

Pravidlá cache prehliadača

Karta cache prehliadača zapíše označený blok do .htaccess na Apache alebo LiteSpeed: jeden rok pre obrázky, písma a video, jeden mesiac pre CSS a JavaScript. Na Nginx ukáže riadky na skopírovanie. Potom skontroluje, či server naozaj posiela hlavičku max-age. Je to odpoveď na upozornenie PageSpeed „Use efficient cache lifetimes“.

Diagnostika výkonu

Zadajte adresu stránky, spustite kontrolu alebo importujte správu Lighthouse vo formáte JSON. Výsledok uvádza problémy s faktami a ďalším krokom pre každý z nich, prvé vlastné súbory CSS a JavaScript s vekom v cache prehliadača a štýly blokujúce vykresľovanie. Žiadne vymyslené skóre nie je. Karta Speed advisor nad ňou mení rovnaké zistenia na prepínače, pozrite si článok o Speed advisor.