Keby mi zajtra povedali, že si na opustený ostrov môžem vziať len jeden doplnok, pravdepodobne by som si vzal Perfmatters a keby som mal fanklub, prihlásil by som sa a chodil na všetky ich koncerty.
Používam ho od januára 2021 a je to jeden z doplnkov, ktorý vyriešil najviac problémov a ten, ktorý najviac a najlepšie prispieva k zníženiu rýchlosti načítania.
Základné
Je to jeden z tých nástrojov, pri ktorom ani nepochybujete o vzdialenej možnosti nezaplatenia, keď nastane deň ročného obnovenia. Čo je mimochodom veľmi výhodné pre použitie na jednom mieste. Stojí len 24,95 dolára a pri ďalších obnoveniach má zľavu 15 %. Takže od druhého roka je to len za mizerných 21,21 dolára.
Keďže som niektoré jeho funkcie preskúmal samostatne, čakalo sa na podrobnejšiu analýzu a návod na konfiguráciu. To je cieľom tohto príspevku.
O konfigurácii
Poznámka: Je samozrejmé, že ikony zapnutia a vypnutia, ktoré pridávam, zodpovedajú mojej konfigurácii, čo je to najlepšie, čo som mohol pre tento blog získať. To však neznamená, že je ideálna pre vaše prostredie.
Každý scenár je iný. Musíte si preštudovať každú možnosť, pochopiť ju, experimentovať s jej správaním a rozhodnúť sa, čo je vo vašom prípade najlepšie. Na to nie je nič lepšie ako testovať možnosti jednu po druhej a vyhodnocovať výsledky.
Ďalšou vecou, ktorú treba mať na pamäti, je, že duplicitné nástroje budú kolidovať. Existujú iné pluginy, ako napríklad WP Rocket alebo plugin serverovej vyrovnávacej pamäte s Litespeed, ktoré majú niektoré funkcie, ktoré robia presne to isté. Ich spoločná aktivácia môže spôsobiť konflikty. Budete musieť vyhodnotiť, ktorý z nich funguje najlepšie, a držať sa len jedného z nich.
Karta Všeobecné
Na karte Všeobecné nájdete najbežnejšie nástroje. Pri všetkých nájdete odkaz na príslušnú nápovedu. Nebojte sa ich vyskúšať. Všetko je možné zmeniť. Opätovným stlačením jeho prepínača sa všetko vráti do pôvodného stavu a nič sa tu nestalo.
Zakázanie emotikonov
Vo verzii WordPress 4.2 z roku 2015 bola pridaná podpora emotikonov v jadre pre staršie prehliadače.
Hoci nie sú príliš ťažké (18 KB plus ďalšie JS), môžete ich vypnúť, pretože načítavajú JavaScript wp-emoji-release.min.js na každej stránke vášho blogu a o jednu požiadavku menej je vždy o jednu požiadavku menej.
Deaktivácia dashicons
Dashicons je oficiálne písmo ikon administrátora WordPress od verzie 3.8. Niektoré šablóny ho používajú vo front-ende načítaním CSS dashicons.min.css. Mnohé moderné témy a doplnky však už používajú vlastné ikony, SVG alebo nepoužívajú žiadne ikony. Ak teda dashicons nepoužívate, môžete ich vypnúť, pretože súbor štýlov zbytočne pridáva čas načítania a tiež blokuje vykresľovanie.
Ich vypnutie z Perfmatters nemá vplyv na panel administrácie WordPress, ktorý ich používa. Odstránia sa len dashicony na prednom paneli, keď nie ste prihlásení.
Zakázať vkladanie (Embebs)
Keď v editore pridáte akýkoľvek odkaz z blogu, WordPress ho rozpozná a zobrazí ako taký (ak ste neupravili štýl).
Ak vás nezaujímajú vložené súbory, môžete ich vypnúť a trochu odľahčiť záťaž. Ja som ich nevypol, pretože som si všimol, že odkazy s náhľadmi majú tendenciu dosahovať dobrú mieru prekliku, keď sa používajú ako súvisiace odkazy medzi odsekmi.
Vkladanie sa objavilo vo verzii WordPress 4.4. Ich nevýhodou je, že prišli s dodatočným kódom, ktorý je pridaný vrátane ďalšieho JavaScriptu, ktorý sa má načítať: wp-embed.min.js
Zakázanie vkladania na vašom blogu tiež zabráni ostatným blogom vkladať odkazy z vašej stránky s týmto náhľadom, avšak odstráni špecifický JavaScript oEmbed, zakáže filtrovanie výsledkov oEmbed,
odstráni zisťovanie odkazov oEmbed a odstráni aj všetky pravidlá prepisovania embedov.
Zakázanie XML-RPC
XML-RPC je protokol, ktorý bol pridaný do WordPress 3.5, aby umožnil vzdialené pripojenia, a pokiaľ nepoužívate aplikáciu WordPress na publikovanie alebo úpravu blogu z mobilného zariadenia, je dôležité ho vypnúť, pretože predstavuje vážne bezpečnostné riziko.
Potrebuje ho len veľmi málo pluginov, viem len o jednom, ktorý ho používa: JetPack. Multifunkčný zásuvný modul, ktorý sa neodporúča, pretože výrazne znižuje výkon.
Po vypnutí XML-RPC stačí skontrolovať jeho stav na stránke yourdomain.com/xmlrpc.php a uistiť sa, že vracia iba chybovú správu 403.
Môžete si to overiť aj v tomto kontrolnom programe. Ak sa zobrazí takáto správa, znamená to, že XML-RPC je vypnuté.
Odstrániť jQuery Migrovať
Bola zavedená v systéme WordPress 3.6 a od verzie WP 5.5 a vyššej už nie je predvolene povolená.
Hoci väčšina šablón a zásuvných modulov ho nepotrebuje, stále existuje niekoľko, ktoré ho vyžadujú pre niektoré menšie funkcie. V mojom prípade ho používajú dva pluginy: Ultimate Membership Pro a Rank Math pre lištu štatistík (ktorú nepoužívam), ktorá sa zobrazuje len pre správcov. Niektoré zásuvné moduly pre správu súhlasu so súbormi cookie ho ešte donedávna používali.
jQuery Migrate je zdroj pre vývojárov, ktorý umožňuje kódu so staršími závislosťami komunikovať s novým kódom.
Je pravdepodobné, že nemáte žiadne pluginy, ktoré by to potrebovali, takže jQuery Migrate pridáva zbytočnú réžiu JavaScriptu jquery-migrate.min.js.
Aj napriek tomu si pred deaktiváciou skontrolujte dokumentáciu k zásuvným modulom alebo sa opýtajte vývojárov (neskôr uvidíme, ako ho deaktivovať pre konkrétne miesta).
Skryť verziu WordPress
Táto možnosť nemá žiadne tajomstvo, len skrýva verziu WordPress, ktorú máte nainštalovanú, pred zvedavými očami ako bezpečnostné opatrenie.
Tento postup, ktorý sa dá vykonať rôznymi spôsobmi, je užitočný v prípade, že sa oneskoríte s aktualizáciou a vo vašej verzii sa objavia zraniteľnosti, ktoré by sa dali zneužiť, alebo by mohlo dôjsť k ohrozeniu jadra. Skrytím verzie aspoň uľahčujete útočníkom hľadajúcim medzery.
Hoci sa odstráni len jeden riadok kódu a robí sa to najmä z bezpečnostných dôvodov, pre milovníkov optimalizácie je to len ďalší štipec, ktorý sa pridáva k celkovému počtu, ktorý treba odčítať.
Odstránenie odkazu wlwmanifest
Ide o značku, ktorá sa zobrazuje v každej inštalácii WordPress a používala sa v programe Windows Live Writer, ktorý sa prestal aktualizovať a podporovať v januári 2017.
Rovnako ako v predchádzajúcom prípade ide len o zbytočný kód, takže o jeden riadok menej.
Odstránenie prepojenia RSD
Ďalší zvyšok značky, ktorý sa objavuje v každej inštalácii WordPress.
Ak upravujete ich stránky z prehliadača, vôbec ho nepotrebujete. Používajú ho aj niektoré aplikácie tretích strán, ktoré používajú požiadavky XML-RPC, ktoré by ste už mali mať vypnuté. Takže je to zbytočný kód, ktorý treba odstrániť.
Odstránenie krátkeho prepojenia
Slúži na vytvorenie krátkeho odkazu s číslami pre vaše stránky a príspevky, ktoré pridávajú túto značku:
<link rel='shortlink' href='https://dominio.com?p=123' />
Ak používate "pekné" krátke permalinky, ako napríklad domain.com/%postname%, potom nie je dôvod, aby ste tento nepoužívaný, zbytočný kód vyhadzovali.
Deaktivácia kanála RSS
WordPress predvolene generuje rôzne typy kanálov RSS. Hoci sú kanály RSS pre blog stále užitočné, ak je vaša stránka skôr statická alebo ju jednoducho nepoužívate ako blog, môžete ich vypnúť.
Odstránenie odkazov z kanálov RSS
Tak ako WordPress generuje kanály RSS, generuje aj odkazy na tieto kanály RSS pre vaše stránky, príspevky, komentáre, kategórie, značky atď. Odkazy na kanály RSS môžete ponechať zapnuté a napriek tomu ich odstrániť. Účelom tohto postupu je odstrániť zo stránky ďalší a pravdepodobne nepoužívaný kód.
Zakázanie automatických spätných odkazov
Pingback je v podstate automatický komentár s odkazom, ktorý sa vytvorí ako oznámenie na vašom blogu, keď na vás odkazuje iný blog. Autopingback sa vytvorí, keď odkazujete na článok v rámci svojho vlastného blogu.
V súčasnosti ich takmer nikto nepoužíva a externé pingbacky, ktoré môžete dostať, sú zvyčajne spam, iba plytvajú zdrojmi a môžu dokonca vytvárať škodlivé alebo dočasné odkazy, ktoré sú nefunkčné, a preto škodia SEO.
Podobne ako trackbacky patria do minulosti blogov, keď bolo odkazovanie ako filozofia blogovania tradíciou v rámci netikety.
Zakázanie rozhrania REST API
Rozhranie WordPress REST API poskytuje koncové body API pre dátové typy WordPress, ktoré vývojárom umožňujú vzdialenú interakciu s webmi prostredníctvom odosielania a prijímania objektov JSON.
Umožňuje vzájomné prepojenie s inými webovými lokalitami a so softvérom napísaným v jazyku PHP alebo v inom jazyku.
Existujú rôzne doplnky, služby a aplikácie, ktoré používajú rozhranie REST API, podľa Perfmatters sú to niektoré z nich:
Yoast SEO a Ryte widget na ovládacom paneli, Jetpack, niektoré kontaktné formuláre, Wordfence a niektoré špecifické widgety na ovládacom paneli WooCommerce.
Používa ho aj blokový editor Gutenberg na komunikáciu pri úpravách stránok a príspevkov. Ak ho úplne zakážete, zobrazí sa chyba "Aktualizácia zlyhala".
Perfmatters ponúka tri možnosti. Zapnuté (predvolené), vypnuté pre neadministrátorov a vypnuté pri odhlásení.
Odstránenie väzieb REST API
V predvolenom nastavení je v hlavičke typu uvedené prepojenie REST API:
<link rel='https://api.w.org/' href='https://domain.com/wp-json/' />V každej požiadavke sa odošle aj hlavička a do koncového bodu RSD ( Really Simple Discovery ) sa pridá značka API. Všetkého tohto kódu sa možno zbaviť aktiváciou možnosti odstrániť jeho odkazy.
Deaktivácia služby Mapy Google
Len to, že vypnete rozhranie Google Maps API.
Niektoré šablóny a doplnky WordPress majú zabudované rozhranie Google Maps API a často neponúkajú spôsob, ako ho vypnúť. Mapy Google môžu spôsobiť chaos vo výkone vášho blogu, aj keď sa požiadavky načítavajú asynchrónne. Zvyčajne sa požiadavka odosiela prostredníctvom oficiálneho rozhrania Google Maps API.
Len na načítanie mapy na vašom blogu môžete vykonať až 20 požiadaviek HTTP na Mapy Google. V závislosti od integrácie môžu vykonať menej alebo aj viac požiadaviek.
Ak ich nepotrebujete, mali by ste ich deaktivovať.
Vylúčenie zakázania služby Mapy Google podľa čísla ID pošty
Ak však nemáte inú možnosť, ako vložiť mapy, môžete deaktiváciu vylúčiť len pre tie príspevky, do ktorých ich potrebujete pridať. Ak to chcete urobiť, musíte do nasledujúceho poľa pridať ID jednotlivých príspevkov oddelené čiarkami.
Zakázanie merania sily hesla
Táto možnosť bola zavedená v najnovších verziách WordPress a WooCommerce. Ide o zabudovaný merač sily hesla, ktorý núti používateľov používať silné heslá a načíta niekoľko súborov, ako napríklad: /wp-admin/js/password-strength-meter.min.js a /wp-includes/js/zxcvbn.min.js
zxcvbn.min.js môže byť väčší ako 800 KB
Ak používate WooCommerce, súbor sa niekedy nachádza aj v tejto ceste:
/wp-content/plugins/woocommerce/assets/js/frontend/password-strength-meter.min.jsV závislosti od každej šablóny a spôsobu, akým vývojár zoradil veci do frontu, sa niekedy tieto súbory načítavajú na celom webe. Z výkonnostných dôvodov by sa mali načítať len na stránkach "účet", "platba" a "reset hesla".
Ak aj po deaktivácii nájdete tieto skripty medzi požiadavkami, prečítajte si dokumentáciu svojej šablóny a dokumentáciu zásuvných modulov, o ktorých si myslíte, že môžu túto funkciu používať.
Deaktivovať komentáre
Ak komentáre nepotrebujete alebo ste sa rozhodli skoncovať so spamom tým najradikálnejším spôsobom, môžete čitateľom zakázať možnosť komentovať. Formulár na komentáre zmizne.
Toto je zoznam akcií, ktoré sa Perfmatters pokúsi vykonať, keď je povolená možnosť Zakázať komentáre:
- Zakázanie zabudovaného widgetu posledných komentárov.
- Odstráňte záhlavie X-Pingback.
- Odstránenie odkazov na komentáre.
- Zakázať žiadosti o komentáre.
- Odstránenie odkazov na komentáre z panela administrácie.
- Odstránenie podpory komentárov zo všetkých typov príspevkov.
- Zatvorte filtre komentárov.
- Odstránenie odkazov na komentáre z ponuky administrácie.
- Zakázanie vstavanej diskusnej stránky.
- Skryť komentáre ovládacieho panela.
- Skryte možnosť nastavenia komentárov na stránke profilu.
- Na požiadanie vráťte prázdnu šablónu komentára.
- Odstráňte skript na odpovedanie na komentáre.
Nezabudnite, že ak sa rozhodnete pre jemnejšiu možnosť, môžete zrušiť začiarknutie tohto políčka a zatvoriť tak komentáre len k určitým príspevkom z editácie každého z nich.
Alebo v Nastaveniach/komentároch môžete nastaviť ich zatvorenie po určitom počte dní.
Odstránenie adries URL z komentárov
V predvolenom nastavení obsahujú komentáre WordPress pole webovej stránky, ktoré vytvára nofollow odkaz (hoci spammerom to nevadí) v mene autora komentára.
Ak sa nechcete zaoberať odkazmi, ktoré sa časom pokazia, máte príliš málo komentárov alebo jednoducho chcete odstrániť spam, môžete všetky tieto adresy URL pridané návštevníkmi v komentároch odstrániť jedným ťahom.
Ak ju povolíte, odstráni sa z formulára aj pole URL pre budúce komentáre.
Pridanie prázdnej ikony
Ak už máte na svojej stránke favicon, mali by ste túto možnosť nechať vypnutú.
Pridanie bielej favikony je užitočné, ak vytvárate a testujete veľa nových inštalácií WordPress. Pridanie prázdnej favikony vám ušetrí nahrávanie favikony pre každú stránku. Okrem toho, ak na ňu zabudnete, môže v nástrojoch na testovanie rýchlosti vygenerovať chybu 404.
Odstránenie globálnych štýlov
Od verzie WordPress 5.9 bol pridaný ďalší riadkový kód na zlepšenie duotónových štýlov (kód CSS a SVG). Väčšina používateľov túto funkciu pravdepodobne nebude používať a problémom je, že pridáva 311 riadkov (nezminimalizovaných) kódu na každú stránku vášho webu, ktoré sú takto rozmiestnené:
Pred značku body sa pridá 196 riadkov CSS a pred značku /body 115 riadkov kódu SVG.
Veľa kódu používa značky!important;, čo tiež nie je ideálne.
Spoločnosť Perfmatters sa domnieva, že môže ísť o chybu, preto pridáva túto možnosť ako jednoduchý spôsob, ako odstrániť všetok tento nepotrebný kód, kým sa vyrieši.
Hearbeat, recenzie a automatické ukladanie
Rozhranie WordPress Heartbeat API používa súbor /wp-admin/admin-ajax.php na vykonávanie volaní AJAX z webového prehliadača.
Je to skvelé, pretože sa tým ukladajú návrhy a zabraňuje sa ich strate pri neočakávanom vypnutí, ale môže to tiež spôsobiť vysoké využitie procesora a šialené množstvo volaní PHP. Ak napríklad necháte otvorený ovládací panel, bude do tohto súboru posielať požiadavky POST v pravidelnom intervale každých 15 sekúnd. Na zmiernenie tohto problému môžete frekvenciu zvýšiť na 60 sekúnd.
V prvej možnosti si môžete vybrať, kedy a kde sa aktivuje.
Tretia možnosť umožňuje obmedziť počet revízií záznamov, aby sa ušetrilo miesto, napr. ak ju nastavíte na 10, uloží sa len posledných 10 záznamov a predchádzajúce sa vymažú.
Nakoniec môžete nastaviť interval automatického ukladania návrhov. V predvolenom nastavení WordPress ukladá automaticky každých 60 sekúnd. Zvýšením intervalu však budete musieť ukladať ručne častejšie, čo zabráni tomu, aby prehliadač toľko "visel", keď ste v oblasti administrácie, a tiež sa menej zapisuje do databázy.
Woocommerce
O možnostiach optimalizácie pre WooCommerce poviem len to, že existujú, ale vyhnem sa akémukoľvek komentáru, pretože v tomto dome je zvykom neprehliadať nič, čo mi nie je veľmi jasné, ako je to v tomto prípade. WooCommerce som odinštaloval v júli 2021 a na reakcie na tieto optimalizácie si takmer nič nepamätám, takže vás odkážem na ich dokumentáciu:
- Zakázanie skriptov a štýlov WooCommerce
- Deaktivácia fragmentov vozíka
- Zakázanie stavového okna WooCommerce
- Zakázanie widgetov WooCommerce
Prihlasovacia adresa URL
Ďalšou zaujímavou funkciou je možnosť zmeniť predvolenú adresu URL na prihlásenie do administrátorskej oblasti, ktorú WordPress nastaví vo vašej doméne/wp-admin. Robí presne to isté ako puginy ako WPS Hide Login.
Nájdete tu tri polia:
V prvom z nich môžete zmeniť prístupovú url adresu wp-admin na čokoľvek chcete, napríklad "yourdomain.com/potato", čím sa vyhnete útokom hrubou silou a ďalším, ktoré sa zvyčajne zameriavajú na predvolenú url adresu. Len si ju zapíšte a/alebo sa snažte, aby to nebola divná url s príliš veľkým počtom znakov, aby ste ju nezabudli (hoci ju vždy môžete získať tak, že prejdete do tabuľky wp_options / perfmatters_options ).
Druhé pole (Disabled Behavior) nastavuje, na ktorú url adresu bude odoslaný návštevník, ktorý pristane na vašej doméne/wp-admin, pričom sú k dispozícii tri možnosti:
- Správa (predvolené nastavenie): Zobrazí návštevníkovi správu. Správu môžete prispôsobiť ľubovoľným textom, ktorý pridáte do poľa Správa.
- Šablóna 404: Používateľ bude odoslaný na stránku 404.
- Domovská adresa URL: Používateľ je presmerovaný na domovskú stránku.
Aktíva
Tu to začína byť naozaj zaujímavé.
Správca skriptov, čerešnička na torte
Správca skriptov Perfmatters je bezpochyby ich najvýkonnejší a najužitočnejší nástroj. Už len to stojí za každý cent z toho mála, čo za plugin a jeho podporu zaplatíte.
Umožňuje zakázať skripty a CSS používané jednotlivými zásuvnými modulmi a zabrániť ich načítaniu na príspevku alebo stránke, na oboch miestach alebo na celom webe, filtrovať podľa prihlásených alebo odhlásených používateľov, podľa zariadení a pridávať výnimky vrátane kategórií a značiek.
To môže výrazne zvýšiť rýchlosť načítavania (najmä domovskej stránky) tým, že sa odstránia nepotrebné požiadavky, pri ktorých sa nepoužívajú doplnky, ako sú napríklad formuláre alebo iné.
Režim povinného používania (MU) posúva Správcu skriptov oveľa ďalej. Poskytuje oveľa väčšiu kontrolu a možnosť vypnúť dotazy a háčiky doplnkov WordPress, ako aj inline CSS a JS. Teraz môžete ovládať všetky aspekty zásuvného modulu, od jeho front-end skriptov, inline kódu a dotazov MySQL, kdekoľvek chcete.
V jeho globálnom zobrazení nájdete všetky použité konfigurácie pre prípad, že ich potrebujete reorganizovať, upraviť, pridať nové alebo niektoré z nich odstrániť.
Má pomerne kompletnú dokumentáciu. Ak nie ste zvyknutí na tento druh nástrojov, môže vás spočiatku vystrašiť, ale hneď ako ho vyskúšate, zistíte, že sa používa veľmi jednoducho.
JavaScript
Odklad a oneskorenie Javascript.
Obe môžu prispieť k zlepšeniu FCP a LCP.
Pridanie atribútu defer do každého nekritického súboru JavaScript urýchľuje prvé maľovanie obsahu (FCP) stránky. To znamená, že JavaScript sa stiahne počas analyzovania HTML a vykoná sa po dokončení načítania stránky (po skončení analyzovania). Inými slovami, stiahnutie javascriptu sa posunie na koniec stránky, takže sa vykoná na konci procesu.
S oneskorením sa zlepšujú výsledky LCP a TBT. JavaScript sa oneskoruje podľa interakcie používateľa, čím sa výrazne zrýchľuje prvé maľovanie stránky, keď niečo nie je potrebné okamžite, napríklad náročné skripty od tretích strán, ako sú Google Adsense, Google Analytics, konverzné pixely Facebooku alebo Google Ads a podobne.
Pre obe možnosti môžete pridať výnimky a povoliť správanie Delay Timeout, ktoré nastaví časový limit, ktorý automaticky načíta skripty po 10 sekundách, ak nebola zistená žiadna interakcia používateľa. Toto je voliteľné a v predvolenom nastavení je vypnuté.
Časový limit oneskorenia
Ak túto možnosť aktivujete, máte možnosť nastaviť časový limit na inú hodnotu pomocou jedného z týchto filtrov.
V príklade je nastavená hodnota 7 sekúnd.
add_filter('perfmatters_delay_js_timeout', function($timeout) {
return '7';
});Odporúčajú, aby ste nenastavovali príliš krátku hodnotu časového limitu, inak funkcia JS delay nebude fungovať správne. Okrem toho, bez ohľadu na hodnotu timeoutu sa v 99 % prípadov všetko spustí pri prvej interakcii používateľa, či už ide o posúvanie, kliknutie alebo prvý pohyb myšou.
CSS
Perfmatters tvrdí, že najjednoduchším spôsobom, ako vyriešiť upozornenie "Reduce unused CSS" (Znížiť nepoužívané CSS), je zapnúť túto funkciu, ktorú som preskúmal, keď bola ešte v beta verzii, a ktorá to všetko robí automaticky. Vývojári tvrdia, že ju otestovali na stovkách adries URL (s použitím rôznych šablón a nastavení) a toto sú niektoré z výsledkov, ktoré podľa nich dosiahli:
- Priemerný pokles PCF o 15,20 %.
- Priemerný pokles LCP o 19,66 %.
- Priemerný pokles TTI o 14,95 %.
Pred aktiváciou funkcie "Odstrániť nepoužívané CSS" v Perfmatters odporúčajú odstrániť všetky existujúce predvyplnené súbory CSS, ktoré boli nastavené v Perfmatters (okrem lokálnych súborov štýlov Google Fonts).
Nezlučujte CSS (veci, ktoré sa často robia s WP Rocket, Litespeed, Autoptimize a ďalšími). Zlučovanie CSS je zastaraná optimalizačná technika od HTTP/2. V niektorých prípadoch môže spájanie CSS poškodiť výkon(v mojom prípade sa tak nestalo) a napokon sa uistite, že sa nesnažíte odstrániť nepoužívané CSS pomocou iného doplnku.
Existujú tri spôsoby eliminácie:
- Oneskorenie (predvolené): Všetky pôvodné súbory štýlov CSS (nepoužité CSS) sa načítajú s oneskorením a pri interakcii používateľa. Toto je odporúčaná možnosť.
- Asynchrónne: Všetky pôvodné súbory štýlov CSS (nepoužité CSS) sa načítajú asynchrónne. Táto metóda môže pomôcť vyhnúť sa pop-in, pretože súbory štýlov sa vykonávajú asynchrónne počas načítavania stránky. Táto metóda bude mať za následok mierne vyššie LCP/FCP ako oneskorené správanie.
- Odstrániť: Odstránia sa všetky pôvodné súbory štýlov CSS (nepoužité súbory CSS). Ide o najagresívnejšiu metódu, ale pravdepodobne bude vyžadovať aj pridanie výnimiek. Odporúča sa len pre pokročilých používateľov.
Neexistuje žiadne iné tajomstvo, ako experimentovať v testovacom prostredí a merať výsledky, a to samostatne aj v interakcii s ostatnými funkciami.
Niektoré z týchto funkcií možno vypnúť na ľubovoľnom príspevku alebo stránke v úprave WP.
Kód
Užitočná klasika, ktorú obsahujú mnohé iné pluginy, niečo, čo sa dá urobiť aj ručne, ale čo zjednodušuje a uľahčuje prácu s pridávaním vlastného kódu do hlavičky, tela alebo päty vášho blogu.
Nasledujúce polia vypisujú kód priamo do front-endu, takže musí ísť o platné HTML. Patrí sem aj inline CSS v rámci značiek alebo inline JS v rámci značiek. Môžete tiež nahrať súbor JS alebo CSS.
Nepodporuje jazyky na strane servera, ako je napríklad PHP. Na pridanie vlastného kódu PHP sa odporúča použiť zásuvný modul Code Snippets.
Predbežné načítanie
Prvá možnosť s názvom"Instant Page" využíva knižnicu instant.page a načíta malý súbor JS s veľkosťou menej ako 2 KB(instantpage.js) lokálne na vašom webe a používa sa na predvyplnenie adries URL, keď používateľ prejde myšou na odkaz alebo obrázok vo verzii pre počítače. V mobilnej verzii sa adresa URL vopred načíta po tom, ako používateľ začne ťukať na odkaz na obrazovke a predtým, ako ho pustí.
Po 65 milisekundách sa na pozadí automaticky spustí predbežné načítanie adresy URL.
Tento nástroj je ekvivalentom"Instant Click" spoločnosti Litespeed a"Preload Links" spoločnosti WP Rocket, takže ak používate túto možnosť v niektorom z týchto dvoch pluginov, mali by ste ju deaktivovať a vyskúšať Perfmatters.
V mojom prípade to fungovalo o niečo lepšie ako ekvivalentná možnosť v Litespeed, hoci treba poznamenať, že v niektorých prípadoch to môže zvýšiť zaťaženie servera.
Rovnako ako v prípade možností Javascript a CSS by sa použitie predbežného načítania a predbežného pripojenia malo použiť podľa vašich potrieb na základe rôznych testov.
Predbežné načítanie kritických obrázkov (tých, ktoré sú nad záhybom) je možnosť, ktorá je stále v beta verzii a môže pomôcť skrátiť čas maľovania väčšieho obsahu (LCP) v Core Web Vitals.
Zvyčajne ide o obrázky, ako je logo, hlavný obrázok v príspevku, hlavný obrázok na vstupnej stránke atď. Po prednačítaní sa presunú na začiatok vodopádu a v podstate hovoria prehliadaču, že majú prioritu a mali by sa načítať okamžite.
Môžete si vybrať medzi nulovým počtom, predvyplnením žiadneho (predvolená možnosť) a piatimi obrázkami. Permatters odporúča vybrať dva alebo maximálne tri, pretože prehliadač Chrome má limit dvoch predinštalovaných obrázkov, ktoré sa zobrazia v hornej časti vodopádu.
Lenivé nakladanie
Ďalšia klasika súvisiaca s výkonom, ktorú WordPress už natívne obsahuje od verzie 5.4 vydanej v roku 2020.
V mojom prípade používam možnosť Litespeed, pretože v mojich testoch som zistil o niečo lepšie výsledky, ale Perfmatters funguje naozaj dobre a vzťahuje sa aj na CSS obrázkov na pozadí.
Fonty
Ďalšia dobrá vec. Táto možnosť bola pridaná do verzie 1.7.4 programu Perfmatters, ktorá bola vydaná 7. júna 2022. Umožňuje hosťovanie a lokálne nahrávanie písiem Google pomocou niekoľkých kliknutí.
Výhody lokálneho hostingu písiem sú mnohé, získavate nad nimi plnú kontrolu, eliminujete všetky tieto požiadavky, a teda aj čas načítania, a môžete sa tiež rozhodnúť, ako ich budete servírovať.
Funkcia automaticky vyhľadá všetky odkazy na fonty Google, ktoré existujú na vašom blogu, stiahne príslušné fonty zo stránky fonts.google.com a umiestni ich lokálne na váš server do adresára: /wp-content/cache/perfmatters/your-domain.com/fonts/
Tento ďalší príspevok vysvetľuje jeho použitie podrobnejšie.
CDN
Nie je tu nič zvláštne a nie je čo komentovať. Nástroj, ktorý je vždy užitočné pridať CDN, ktorý používate. Keďže používam QUIC.CLOUD, zatiaľ som ho nepotreboval.
Analytika
Hoci ho teraz nepoužívam, pretože som začal prechod na Matomo a správu skriptu Analytics som presunul do svojho pluginu na správu súhlasu so súbormi cookie pre RGPD/CCPA, ktorý ho tiež správne spravuje, ale viem, že funguje veľmi dobre s Perfmatters, pretože som ho používal už v minulosti.
Tu môžete lokálne hostiť svoj skript služby Google Analytics. Pomôže to zrýchliť vašu stránku tým, že sa zníži počet ďalších vyhľadávaní DNS a vyrieši sa problém "využívania vyrovnávacej pamäte prehliadača" vášho skriptu.
Podľa portálu Perfmatters paradoxne vlastný skript spoločnosti Google vyhadzuje upozornenie o ukladaní do vyrovnávacej pamäte, ale je to preto, že majú veľmi krátku dobu platnosti hlavičky vyrovnávacej pamäte HTTP. Ak ho hostujete sami, automaticky sa použijú hlavičky vyrovnávacej pamäte HTTP z vašej vlastnej siete CDN alebo servera. Inými slovami, získate plnú kontrolu nad ukladaním skriptu do vyrovnávacej pamäte.
Upozorňujú tiež, že tento nástroj nie je oficiálne podporovaný spoločnosťou Google, ale že sa používa už roky bez akýchkoľvek problémov.
Lokálne umiestnenie služby Google Analytics a doručovanie skriptu z vlastnej siete CDN alebo servera vám tiež umožňuje využívať jedno pripojenie HTTP/2.
