Kdyby mi zítra řekli, že si na pustý ostrov můžu vzít jen jeden plugin, asi bych si vzal Perfmatters , a kdybych měl fanklub, přihlásil bych se a chodil na všechny jeho koncerty.
Používám ho od ledna 2021 a byl to jeden z pluginů, který vyřešil nejvíce problémů a ten, který nejvíce a nejlépe přispívá ke snížení rychlosti načítání.
Základní Je to jeden z těch nástrojů, u kterého ani nezpochybňujete vzdálenou možnost, že byste ho nezaplatili, až přijde den ročního prodloužení. Ten je mimochodem velmi úsporný pro použití na jednom místě. Stojí pouze 24,95 dolarů a při dalším obnovení je poskytována 15% sleva. Od druhého roku je to tedy 21,21 dolaru za mizerných 21,21 dolaru .
Vzhledem k tomu, že jsem některé jeho funkce hodnotil samostatně, čekalo se na podrobnější analýzu a návod k nastavení. To je cílem tohoto příspěvku.
O konfiguraci Odmítnutí odpovědnosti : Není třeba dodávat, že ikony zapnutí a vypnutí, které jsem přidal, pocházejí z mé konfigurace, což je to nejlepší, co jsem mohl pro tento blog získat. To však neznamená, že je pro vaše prostředí ideální.
Každý scénář je jiný. Každou možnost si musíte prostudovat, pochopit ji, experimentovat s jejím chováním a rozhodnout se, co je ve vašem případě nejlepší. Proto není nic lepšího než postupně testovat jednotlivé možnosti a vyhodnocovat výsledky.
Další věc, kterou je třeba mít na paměti, je, že duplicitní nástroje se střetávají. Existují i jiné pluginy, například WP Rocket nebo plugin server cache s Litespeed , které mají některé funkce, které dělají přesně totéž. Jejich společná aktivace může způsobit konflikty. Budete muset vyhodnotit, který z nich funguje nejlépe, a držet se pouze jednoho z nich.
Karta Obecné Karta Obecné obsahuje nejběžnější nástroje. U všech najdete odkaz na příslušnou nápovědu. Nebojte se je vyzkoušet. Vše je vratné. Kliknutím na přepínač se vše vrátí do původního stavu a nic se zde nestalo
Zakázat emotikony
Ve verzi WordPress 4.2 z roku 2015 byla do jádra přidána podpora emotikonů pro starší prohlížeče.
I když nejsou příliš těžké (18 KB plus další JS), můžete je zakázat, protože načítají JavaScript wp-emoji-release.min.js na každé stránce vašeho blogu a o jeden požadavek méně je vždy o jeden požadavek méně.
Zakázání pomlček
Dashicons je oficiální font ikon v administraci WordPress od verze 3.8. Některé šablony ji používají na front-endu načtením souboru CSS dashicons.min.css . Mnoho moderních témat a pluginů však již používá vlastní ikony, SVG nebo nepoužívá žádné ikony. Pokud tedy dashicony nepoužíváte, můžete je zakázat, protože soubor stylů zbytečně prodlužuje dobu načítání a také blokuje vykreslování.
Jejich zakázání v aplikaci Perfmatters nemá vliv na panel administrace WordPressu, který je používá. Pokud nejste přihlášeni, budou odstraněny pouze dashicony na předním panelu.
Zakázání vložení
Když v editoru přidáte jakýkoli odkaz z blogu, WordPress jej rozpozná a zobrazí jako takový (pokud jste nezměnili styl).
Pokud vám nezáleží na vkládání, můžete je zakázat a trochu si ulehčit práci. Nevypnul jsem je, protože jsem si všiml, že odkazy s náhledy mají dobrou míru prokliků, pokud se používají jako související odkazy mezi odstavci.
Vkládání nebo vložení přišlo s WordPress verze 4.4. Jejich nevýhodou je, že obsahují další kód, který se přidává tím, že se načítá další JavaScript: wp-embed.min.js
Zakázání vkládání na vašem blogu také zabrání ostatním blogům vkládat odkazy z vašeho webu s tímto náhledem, avšak odstraní specifický JavaScript oEmbed, zakáže filtrování výsledků oEmbed,
Zakázat XML-RPC
XML-RPC je protokol, který byl přidán ve WordPressu 3.5 a umožňuje vzdálená připojení, a pokud nepoužíváte aplikaci WordPress k publikování nebo úpravám blogu z mobilního telefonu, je důležité jej zakázat , protože představuje vážné bezpečnostní riziko.
Vyžaduje to jen velmi málo zásuvných modulů, vím pouze o jednom, který to používá: JetPack. Multifunkční zásuvný modul, který se nedoporučuje, protože výrazně snižuje výkon.
Po deaktivaci služby XML-RPC stačí zkontrolovat její stav na stránce yourdomain.com/xmlrpc.php a ujistit se, že vrací pouze chybovou zprávu 403.
Můžete si to také zkontrolovat v tomto kontrolním programu . Pokud se zobrazí takováto zpráva, znamená to, že je funkce XML-RPC zakázána.
Odstranění jQuery Migrate
Byla zavedena ve WordPressu 3.6 a od verze WP 5.5 a vyšší již není ve výchozím nastavení povolena.
Ačkoli většina šablon a zásuvných modulů jej nepotřebuje, stále jich je několik, které jej vyžadují pro některé drobné funkce. V mém případě existují dva pluginy, které ji používají, Ultimate Membership Pro a Rank Math pro lištu statistik (kterou nepoužívám), která se zobrazuje pouze pro administrátory. Některé zásuvné moduly pro správu souhlasu se soubory cookie jej donedávna stále používaly.
jQuery Migrate je zdroj pro vývojáře, který umožňuje kódu se staršími závislostmi komunikovat s novým kódem.
Je pravděpodobné, že nemáte žádné pluginy, které by to potřebovaly, takže jQuery Migrate přidává zbytečnou režii JavaScriptu jquery-migrate.min.js
Přesto se před zakázáním zásuvných modulů podívejte do jejich dokumentace nebo se zeptejte jejich vývojářů (později se podíváme, jak je zakázat pro konkrétní weby).
Skrýt verzi WordPress
Tato možnost není nijak tajemná, pouze skrývá nainstalovanou verzi WordPressu před zvědavýma očima jako bezpečnostní opatření.
Tento postup, který lze provést různými způsoby, je užitečný v případě, že se s aktualizací opozdíte a ve vaší verzi se objeví zranitelnosti, které by mohly být zneužity, nebo by mohlo dojít ke kompromitaci jádra. Skrytím verze přinejmenším snížíte snadnost útočníků, kteří hledají mezery.
Ačkoli je odstraněn pouze jeden řádek kódu a děje se tak hlavně kvůli bezpečnosti, pro nadšence do optimalizace je to jen další špetka, která se přidává k celkovému počtu, který je třeba odečíst.
Odstranění odkazu wlwmanifest
Jedná se o značku, která se objevuje v každé instalaci WordPressu a kterou používal program Windows Live Writer , který přestal být aktualizován a podporován v lednu 2017.
Stejně jako výše, je to jen zbytečný kód, takže o jeden řádek méně.
Odstranění odkazu RSD
Další pozůstatek tagu, který se objevuje v každé instalaci WordPressu.
Pokud web upravujete z prohlížeče, vůbec ho nepotřebujete. Využívají ji také některé aplikace třetích stran, které používají požadavky XML-RPC, u nichž se předpokládá, že jste je již zakázali. Jedná se tedy o zbytečný kód, který je třeba odstranit.
Odstranění krátkého odkazu
Slouží k vytvoření krátkého odkazu s čísly pro vaše stránky a příspěvky, které přidávají tuto značku:
<link rel='shortlink' href='https://dominio.com?p=123' />Pokud používáte "pěkné" krátké permalinky, jako je domain.com/%postname% , pak není důvod, abyste si to ponechali bez jakéhokoli využití, další zbytečný kód k vyřazení.
Zakázat kanál RSS
WordPress ve výchozím nastavení generuje různé typy kanálů RSS. Ačkoli jsou kanály RSS pro blog stále užitečné, pokud je váš web spíše statický nebo ho jednoduše nepoužíváte jako blog, můžete kanál vypnout.
Odstranění odkazů z kanálů RSS
Stejně jako WordPress generuje kanály RSS, generuje také odkazy na tyto kanály RSS pro vaše stránky, příspěvky, komentáře, kategorie, značky atd. Odkazy na kanály RSS můžete ponechat povolené a přesto je odstranit . Účelem je odstranit ze stránky další a pravděpodobně nepoužívaný kód.
Zakázat automatické zpětné odkazy
Pingback je v podstatě automatický komentář s odkazem, který se vytvoří jako oznámení na vašem blogu, když na vás odkazuje jiný blog. Automatický zpětný odkaz se vytvoří, když odkážete na článek v rámci vlastního blogu.
Dnes už je téměř nikdo nepoužívá a externí pingbacky, které můžete obdržet, jsou většinou spam, jen plýtvají zdroji a mohou dokonce vytvářet škodlivé nebo dočasné odkazy, které jsou nefunkční, a tudíž škodlivé pro SEO.trackbacky patří do minulosti blogů , kdy bylo odkazování jako filozofie blogování tradicí v rámci netikety.
Zakázání rozhraní REST API
Rozhraní WordPress REST API poskytuje koncové body API pro datové typy WordPress, které umožňují vývojářům vzdáleně komunikovat s weby odesíláním a přijímáním objektů JSON.
Umožňuje křížové propojení dat s jinými weby a se softwarem napsaným v jazyce PHP nebo jiném jazyce.
Rozhraní REST API využívají různé zásuvné moduly, služby a aplikace, podle Perfmatters jsou to některé z nich:
Widgety Yoast SEO a Ryte na ovládacím panelu, Jetpack, některé kontaktní formuláře, Wordfence a některé widgety specifické pro ovládací panel WooCommerce.
Perfmatters nabízí tři možnosti. Povoleno (výchozí), zakázáno pro uživatele, kteří nejsou správci, a zakázáno při odh lášení.
Odstranění vazeb rozhraní REST API
Ve výchozím nastavení je v hlavičce typu uveden odkaz na rozhraní REST API:
<link rel='https://api.w.org/' href='https://domain.com/wp-json/' />V každém požadavku je také odeslána hlavička a do koncového bodu RSD ( Really Simple Discovery ) je přidána značka API. Všechen tento kód lze odstranit povolením možnosti odstranit jeho odkazy.
Zakázat Mapy Google
Jen to, že zakážete rozhraní Google Maps API.
Některé šablony a pluginy WordPressu mají integrováno rozhraní Google Maps API a často nenabízejí způsob, jak jej zakázat. Mapy Google mohou narušit výkon vašeho blogu, i když se požadavky načítají asynchronně. Obvykle se požadavek zadává prostřednictvím oficiálního rozhraní Google Maps API.
Jen pro načtení mapy na blogu může být na Mapy Google odesláno až 20 požadavků HTTP. V závislosti na integraci můžete provést méně nebo i více požadavků.
Pokud je nepotřebujete, měli byste je zakázat.
Vyloučení deaktivace Map Google podle čísla ID pošty
Pokud však nemáte jinou možnost než mapy vložit, můžete deaktivaci vyloučit pouze u těch příspěvků, kde je potřebujete přidat. K tomu musíte do následujícího pole přidat ID každého příspěvku oddělené čárkami.
ID příspěvku můžete zjistit v menu administrace v sekci Příspěvky/Všechny příspěvky a najdete ho v odkazu pro úpravu, který se objeví dole, když najedete myší na každý název.
Vypnutí měřiče síly hesla
To bylo zavedeno v nejnovějších verzích WordPress a WooCommerce. Jedná se o vestavěný měřič síly hesla, který nutí uživatele používat silná hesla a načítá několik souborů, například: /wp-admin/js/password-strength-meter.min.js a /wp-includes/js/zxcvbn.min.js
zxcvbn.min.js může mít velikost větší než 800 KB
Pokud používáte WooCommerce, soubor se někdy nachází také v této cestě:
/wp-content/plugins/woocommerce/assets/js/frontend/password-strength-meter.min.jsV závislosti na jednotlivých šablonách a způsobu, jakým vývojář věci zařadil do fronty, se někdy tyto soubory načítají v rámci celého webu. Z výkonnostních důvodů by se měly načítat pouze na stránkách "účet", "pokladna" a "reset hesla".
Pokud i po zakázání této funkce najdete mezi požadavky tyto skripty, prostudujte si dokumentaci k šabloně a dokumentaci k zásuvným modulům, o kterých si myslíte, že tuto funkci využívají.
Zakázání komentářů
Pokud komentáře nepotřebujete nebo jste se rozhodli skoncovat se spamem tím nejradikálnějším způsobem, můžete čtenářům možnost komentování zakázat. Formulář pro komentáře zmizí.
Toto je seznam akcí, které se Perfmatters pokusí provést, když je povolena možnost Zakázat komentáře :
Zakázat vestavěný widget posledních komentářů. Odstraňte záhlaví X-Pingback. Odstranění odkazů na zdroj komentářů. Zakázat žádosti o komentáře. Odstranění odkazů na komentáře z panelu správce. Odstranění podpory komentářů pro všechny typy příspěvků. Zavřít filtry komentářů. Odstranění odkazů na komentáře z nabídky administrace. Zakázat vestavěnou diskusní stránku. Skrýt komentáře z ovládacího panelu. Skrytí možnosti nastavení komentářů na stránce profilu. Vrátit prázdnou šablonu komentáře, pokud je požadována. Odstranění skriptu odpovědi na komentář. Nezapomeňte, že pokud se rozhodnete pro mírnější variantu, můžete v editaci každého příspěvku zrušit zaškrtnutí tohoto políčka a zavřít komentáře pouze u některých příspěvků.
Nebo můžete v Nastavení/komentáře nastavit jejich uzavření po určitém počtu dní.
Odstranění adres URL z komentářů
Ve výchozím nastavení obsahují komentáře ve WordPressu pole webové stránky, které ve jménu autora komentáře vytvoří odkaz nofollow (ačkoli spammerům to nevadí).
Pokud se nechcete zabývat odkazy, které se časem rozbijí, máte příliš málo komentářů nebo prostě chcete vymýtit spam, můžete všechny adresy URL přidané návštěvníky v komentářích jedním tahem odstranit.
Povolením této funkce se také z formuláře odstraní pole URL pro budoucí komentáře.
Přidání prázdné favikony
Pokud již máte na webu favikonu, měli byste tuto možnost nechat vypnutou.
Přidání bílé favikony je užitečné, pokud vytváříte a testujete mnoho nových instalací WordPressu. Přidáním prázdné favikony si ušetříte nahrávání favikony pro každý web. Pokud na to zapomenete, může to v nástrojích pro testování rychlosti vygenerovat chybu 404.
Odstranění globálních stylů
Od verze WordPress 5.9 byl přidán další inline kód pro vylepšení duotone stylů (kód CSS a SVG). Většina uživatelů tuto funkci pravděpodobně nevyužije a problém je v tom, že přidává 311 řádků (nezmenšených) kódu na každou stránku vašeho webu, které jsou takto rozděleny:
196 řádků CSS před značkou body a 115 řádků kódu SVG, který je také přidán před značku /body.
Velká část kódu používá značky!important; , což také není ideální.
Hearbeat, recenze a automatické ukládání
Rozhraní WordPress Heartbeat API používá soubor /wp-admin/admin-ajax.php k provádění volání AJAX z webového prohlížeče.
To je skvělé, protože to ukládá vaše návrhy a zabraňuje neočekávanému vypnutí, které by způsobilo jejich ztrátu, ale může to také způsobit vysoké využití procesoru a šílené množství volání PHP. Pokud například necháte otevřený ovládací panel, bude do tohoto souboru odesílat požadavky POST v pravidelném intervalu každých 15 sekund. Frekvenci můžete zvýšit až na 60 sekund, abyste tento problém zmírnili.
V první možnosti můžete zvolit, kdy a kde se spustí.
Třetí možnost umožňuje omezit počet revizí záznamů, aby se ušetřilo místo, například pokud nastavíte hodnotu 10, uloží se pouze posledních 10 a předchozí budou smazány.
Nakonec můžete nastavit interval automatického ukládání návrhů. Ve výchozím nastavení je WordPress automaticky ukládá každých 60 sekund. Pokud však interval zvýšíte, budete muset ukládat ručně častěji, což zabrání tomu, aby prohlížeč tolik "visel", když jste v oblasti správy, a také se méně zapisuje do databáze.
Woocommerce
O možnostech optimalizace pro WooCommerce řeknu jen to, že existují, ale vyhnu se jakémukoli komentáři, protože v tomto domě je zvykem nehodnotit nic, co nemám zcela jasné, jako je tomu v tomto případě. WooCommerce jsem odinstaloval v červenci 2021 a na reakce na tyto optimalizace si téměř nepamatuji, takže vás odkazuji na jejich dokumentaci:
Adresa URL pro přihlášení
Další zajímavou funkcí je možnost změnit výchozí adresu URL pro přihlášení do administrace, kterou WordPress nastaví na adrese yourdomain/wp-admin . Dělá přesně to samé, co puginy, jako například Skrytí přihlášení WPS
Najdete zde tři pole:
V prvním z nich můžete změnit přihlašovací url wp-admin na cokoli chcete, například "yourdomain.com/potato ", čímž se vyhnete útokům hrubou silou a dalším, které se obvykle zaměřují na výchozí url. Stačí si ji zapsat a/nebo se snažit, aby to nebyla podivná url adresa s příliš mnoha znaky, abyste ji nezapomněli (ačkoli ji vždy můžete získat v tabulce wp_options / perfmatters_options )
Druhé pole (Disabled Behavior) nastavuje, na kterou url adresu bude návštěvník, který přistane na vaší doméně/wp-admin, odeslán, přičemž jsou k dispozici tři možnosti:
Zpráva (výchozí): Zobrazí zprávu pro návštěvníka. Zprávu můžete přizpůsobit požadovaným textem, který přidáte do pole Zpráva Šablona 404 : Uživatel bude odeslán na stránku 404.Domovská adresa URL : Uživatel je přesměrován na domovskou stránku.Majetek Tady to začíná být opravdu zajímavé.
Správce skriptů, třešnička na dortu
Správce skriptů Perfmatters je bezpochyby jejich nejvýkonnějším a nejužitečnějším nástrojem. To samo o sobě stojí za každý haléř z toho mála, co za plugin a jeho podporu zaplatíte.
Umožňuje zakázat skripty a CSS používané jednotlivými zásuvnými moduly a zabránit jejich načítání na příspěvku nebo stránce, na obou místech nebo na celém webu, filtrovat podle přihlášených nebo odhlášených uživatelů, podle zařízení a přidávat výjimky, a to i pro kategorie a značky.
To může výrazně zvýšit rychlost načítání (zejména domovské stránky) tím, že se odstraní zbytečné požadavky tam, kde se nepoužívají pluginy, jako jsou formuláře nebo cokoli jiného.
Režim povinného používání (MU) posouvá Správce skriptů mnohem dále. Poskytuje mnohem větší kontrolu a možnost zakázat dotazy a háčky zásuvných modulů WordPress, stejně jako inline CSS a JS. Nyní můžete ovládat všechny aspekty zásuvného modulu, od skriptů front-endu až po inline kód a dotazy MySQL, kdekoli chcete.
V jeho globálním zobrazení najdete všechna použitá nastavení pro případ, že byste je jednoho dne potřebovali změnit, upravit, přidat nová nebo některá odebrat.
Má poměrně kompletní dokumentaci . Pokud nejste na tento druh nástrojů zvyklí, může vás zpočátku vyděsit, ale jakmile jej vyzkoušíte, zjistíte, že se používá velmi snadno.
JavaScript
Odložení a zpoždění JavaScriptu.
Obojí může pomoci zlepšit FCP a LCP
Přidání atributu defer do každého nekritického souboru JavaScriptu urychlí první malování obsahu (FCP) stránky. To znamená, že JavaScript je stažen během parsování HTML a spuštěn po dokončení načítání stránky (po dokončení parsování). Jinými slovy, stahování javascriptem se přesune na konec stránky, takže se provede až na konci procesu.
Se zpožděním se výsledky LCP a TBT zlepšují. JavaScript je zpožděn podle interakce uživatele, což urychluje první malování stránky, pokud něco není potřeba ihned, například náročné skripty třetích stran, jako je Google Adsense, Google Analytics, konverzní pixely Facebooku nebo Google Ads a podobně.
U obou možností můžete přidat výjimky a povolit chování Delay Timeout, které nastaví časový limit, který automaticky načte skripty po 10 sekundách, pokud nebyla zjištěna žádná interakce uživatele. Tato funkce je volitelná a ve výchozím nastavení je vypnutá.
Časový limit zpoždění
Pokud tuto možnost povolíte, máte možnost nastavit časový limit zpoždění na jinou hodnotu pomocí jednoho z těchto filtrů .
V příkladu je nastavena hodnota 7 sekund.
add_filter('perfmatters_delay_js_timeout', function($timeout) {
return '7';
});Doporučují nenastavovat příliš krátkou hodnotu časového limitu, jinak nebude funkce JS delay fungovat správně. Bez ohledu na časový limit se také v 99 % případů vše spustí při první interakci uživatele, ať už jde o posouvání, kliknutí nebo první pohyb myši.
CSS
Perfmatters říká, že nejjednodušší způsob, jak vyřešit varování "Reduce unused CSS", je povolit tuto funkci, kterou jsem si prohlédl, když byla ještě v beta verzi , a která vše provede automaticky. Vývojáři tvrdí, že ji otestovali na stovkách adres URL (s použitím různých šablon a nastavení), a toto jsou některé z výsledků, kterých podle nich dosáhli:
Průměrné snížení FCP o 15,20 %. Průměrné snížení LCP o 19,66 %. Průměrné snížení TTI o 14,95 %. Před aktivací funkce "Odstranit nepoužívané CSS" v Perfmatters doporučují odstranit všechny existující CSS preload , které byly nastaveny v Perfmatters (kromě lokálních stylů Google Fonts).Neslučujte CSS (věci, které se často dělají s WP Rocket, Litespeed, Autoptimize a dalšími). Slučování CSS je od protokolu HTTP/2 zastaralou optimalizační technikou. V některých případech může kombinování CSS poškodit výkon(v mém případě se tak nestalo ) a nakonec se ujistěte, že se nesnažíte odstranit nepoužívané CSS pomocí jiného pluginu.
Existují tři způsoby odstranění:
Zpoždění (výchozí): Všechny původní soubory stylů CSS (nepoužité soubory CSS) jsou odloženy a načteny při interakci uživatele. Jedná se o doporučenou možnost.Asynchronní : Všechny původní soubory stylů CSS (nepoužité CSS) se načítají asynchronně. Tato metoda může pomoci zabránit vyskakování, protože soubory stylů se při načítání stránky provádějí asynchronně. Výsledkem této metody bude o něco vyšší LCP/FCP než chování se zpožděním.Odstranit : Všechny původní soubory stylů CSS (nepoužité soubory CSS) jsou odstraněny. Jedná se o nejagresivnější metodu, která však pravděpodobně bude vyžadovat přidání výjimek. Doporučuje se pouze pro pokročilé uživatele.Neexistuje žádné jiné tajemství než experimentování v testovacím prostředí a měření výsledků, a to jak samostatně, tak v interakci s ostatními funkcemi.
Některé z těchto funkcí lze zakázat na libovolném příspěvku nebo stránce v úpravách WP.
Kód
Užitečná klasika, kterou obsahuje mnoho jiných pluginů, něco, co lze provést i ručně, ale co zjednodušuje a usnadňuje přidávání vlastního kódu do záhlaví, těla nebo zápatí vašeho blogu.
Následující pole vypisují kód přímo do front-endu, takže se musí jednat o platné HTML. Patří sem inline CSS uvnitř značek <style> nebo inline JS uvnitř značek <script>. Můžete také nahrát soubor JS nebo CSS.
Nepodporuje jazyky na straně serveru, jako je PHP. Pro přidání vlastního kódu PHP se doporučuje použít zásuvný modul Code Snippets .
Předzásobení První možnost nazvaná"Instantní stránka " využívá knihovnu instant.page a načítá malý soubor JS o velikosti méně než 2 KB(instantpage.js ) lokálně na vašem webu a používá se k přednačítání adres URL, když uživatel najede na odkaz nebo obrázek ve verzi pro počítače. V mobilních zařízeních se adresa URL přednačte poté, co uživatel začne klepat na odkaz na obrazovce, a předtím, než jej uvolní.
Po 65 milisekundách se na pozadí automaticky spustí přednačítání adresy URL.
Tento nástroj je ekvivalentem"Instant Click " od Litespeed a"Preload Links" od WP Rocket, takže pokud tuto možnost používáte v některém z těchto dvou pluginů, měli byste ji deaktivovat a vyzkoušet Perfmatters.
V mém případě to fungovalo o něco lépe než ekvivalentní možnost v Litespeedu, i když je třeba poznamenat, že v některých případech to může zvýšit zatížení serveru.
Stejně jako v případě možností Javascript a CSS je třeba použít přednačítání a předběžné připojení podle vašich potřeb na základě různých testů.
Přednačítání kritických obrázků (těch, které jsou nad záhybem) je možnost, která je stále ve fázi beta a která může pomoci zkrátit dobu potřebnou k vykreslení většího obsahu (LCP) v Core Web Vitals.
Obvykle se jedná o obrázky, jako je logo, hlavní obrázek v příspěvku, hlavní obrázek na vstupní stránce atd. Když je přednačtete, přesunou se na začátek vodopádu a v podstatě prohlížeči řeknou, že mají prioritu a měly by se načíst okamžitě.
Můžete si vybrat mezi nulovým počtem, přednačtením žádného (výchozí možnost) a pěti obrázky. Společnost Permatters doporučuje zvolit dva nebo maximálně tři , protože Chrome má limit dvou předinstalovaných obrázků, které se zobrazí v horní části vodopádu.
Líné načítání Další klasika související s výkonem, kterou WordPress nativně obsahuje od vydání verze 5.4 v roce 2020.
V mém případě používám možnost Litespeed, protože v testech jsem našel o něco lepší výsledky, ale i tak Perfmatters funguje opravdu dobře a také se vztahuje na CSS obrázků na pozadí.
Písma
Další dobrá věc. Tato možnost byla přidána do verze 1.7.4 systému Perfmatters 1.7.4
Výhod lokálního hostování písem je mnoho, získáte nad nimi plnou kontrolu, eliminujete všechny tyto požadavky, a tedy i dobu načítání, a můžete se rozhodnout, jak je budete servírovat.
Funkce automaticky vyhledá všechny odkazy na písma Google, které existují na vašem blogu, stáhne příslušná písma ze stránky fonts.google.com a umístí je lokálně na váš server do adresáře: /wp-content/cache/perfmatters/your-domain.com/fonts/
Tento další příspěvek vysvětluje jeho použití podrobněji.
CDN Není zde nic zvláštního a není co komentovat. Nástroj, který je vždy užitečný pro přidání používané sítě CDN. Vzhledem k tomu, že používám QUIC.CLOUD , jsem ji zatím nepotřeboval.
Analytika Ačkoli ho nyní nepoužívám, protože jsem začal přecházet na Matomo a správu skriptu Analytics jsem přenesl na svůj plugin pro správu souhlasu se soubory cookie RGPD/CCPA, který ho také správně spravuje, ale vím, že s Perfmatters funguje velmi dobře, protože jsem ho kdysi používal.
Zde můžete lokálně hostovat skript Google Analytics. To pomůže zrychlit váš web tím, že se sníží počet dalších vyhledávání DNS a vyřeší se problém "využívání mezipaměti prohlížeče" jejich skriptů.
Podle společnosti Perfmatters paradoxně vlastní skript společnosti Google vyhazuje varování o ukládání do mezipaměti, ale je to proto, že mají velmi krátkou platnost hlavičky mezipaměti HTTP. Pokud jste hostitelem sami, budou automaticky použity hlavičky mezipaměti HTTP z vaší vlastní sítě CDN nebo serveru. Jinými slovy, získáte plnou kontrolu nad ukládáním skriptu do mezipaměti.
Upozorňují také, že tento nástroj není oficiálně podporován společností Google, ale používá se již řadu let bez jakýchkoli problémů.
Lokální hostování služby Google Analytics a obsluha skriptu z vlastní sítě CDN nebo serveru vám také umožní využít výhod jediného připojení HTTP/2.
