Stále nevíte, jaký je nejlepší výkonnostní plugin pro WordPress? Objevte Perfmatters

Perfmatters, průvodce konfigurací

 
Perfmatters, průvodce konfigurací

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

Perfmatters, průvodce konfigurací
Perfmatters, průvodce konfigurací

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

Perfmatters, průvodce konfigurací

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ě.

Perfmatters, průvodce konfigurací

Perfmatters, průvodce konfigurací

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í.

Perfmatters, průvodce konfigurací

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.

Perfmatters, průvodce konfigurací

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).

Perfmatters, průvodce konfigurací

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

Perfmatters, průvodce konfigurací

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,
odstraní zjišťování odkazů oEmbed a také všechna pravidla pro přepisování vložených odkazů.

Perfmatters, průvodce konfigurací

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.

Perfmatters, průvodce konfigurací

Perfmatters, průvodce konfigurací

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

Perfmatters, průvodce konfigurací

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).

Perfmatters, průvodce konfigurací

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.

Perfmatters, průvodce konfigurací

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ě.

Perfmatters, průvodce konfigurací

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.

Perfmatters, průvodce konfigurací

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' />
Perfmatters, průvodce konfigurací

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í.

Perfmatters, průvodce konfigurací

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.

Perfmatters, průvodce konfigurací

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.

Perfmatters, průvodce konfigurací

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.
Stejně jako trackbacky patří do minulosti blogů, kdy bylo odkazování jako filozofie blogování tradicí v rámci netikety.

Zakázání rozhraní REST API

Perfmatters, průvodce konfigurací

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.
Používá ho také editor bloků Gutenberg pro komunikaci při úpravách stránek a příspěvků. Pokud ji zcela zakážete, zobrazí se chyba "Aktualizace se nezdařila".

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 odhlášení.

Perfmatters, průvodce konfigurací

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.

Perfmatters, průvodce konfigurací

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.

Perfmatters, průvodce konfigurací
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.

Perfmatters, průvodce konfigurací

Perfmatters, průvodce konfigurací

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

Perfmatters, průvodce konfigurací

zxcvbn.min.js může mít velikost větší než 800 KB

Perfmatters, průvodce konfigurací

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.js

V 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í.

Perfmatters, průvodce konfigurací

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ů.

Perfmatters, průvodce konfigurací

Nebo můžete v Nastavení/komentáře nastavit jejich uzavření po určitém počtu dní.

Perfmatters, průvodce konfigurací

Perfmatters, průvodce konfigurací

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.

Perfmatters, průvodce konfigurací

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.

Perfmatters, průvodce konfigurací

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í.
Perfmatters se domnívá, že se může jednat o chybu, a proto přidává tuto možnost jako snadný způsob, jak odstranit všechen tento zbytečný kód, dokud bude vyřešen.

Hearbeat, recenze a automatické ukládání

Perfmatters, průvodce konfigurací

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

Perfmatters, průvodce konfigurací

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í

Perfmatters, průvodce konfigurací

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 )

Perfmatters, průvodce konfigurací

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é.

Perfmatters, průvodce konfigurací

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.

Perfmatters, guía de configuración y uso. Script manager

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.

Perfmatters, průvodce konfigurací

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.

Perfmatters, průvodce konfigurací

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

Perfmatters, průvodce konfigurací

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á.

Perfmatters, průvodce konfigurací

Č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, průvodce konfigurací

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.

Perfmatters, průvodce konfigurací

Některé z těchto funkcí lze zakázat na libovolném příspěvku nebo stránce v úpravách WP.

Kód

Perfmatters, průvodce konfigurací

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í

Perfmatters, průvodce konfigurací

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ů.

Perfmatters, průvodce konfigurací

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í

Perfmatters, průvodce konfigurací

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

Perfmatters, průvodce konfigurací

Další dobrá věc. Tato možnost byla přidána do verze 1.7.4 systému Perfmatters 1.7.4byl vydán 7. června 2022. Umožňuje hostovat a nahrávat písma Google lokálně pomocí několika kliknutí.

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

Perfmatters, průvodce konfigurací

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

Perfmatters, průvodce konfigurací

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.

Tento příspěvek obsahuje některé partnerské odkazy.

Suscríbete por email para recibir las viñetas y los artículos completos y sin publicidad

Artículos relacionados

Este blog se aloja en LucusHost

LucusHost, el mejor hosting