Perfmatters
Könnyű, prémium WordPress teljesítményoptimalizáló, amely a felesleges kód és assetek eltávolítására és a Core Web Vitals javítására fókuszál.
Mi ez és milyen problémát old meg?
Szekció neve “Mi ez és milyen problémát old meg?”A Perfmatters egy könnyű, “no bloat” szemléletű, prémium WordPress bővítmény. Nem gyorsítótárat ad, hanem a betöltési útvonalat rövidíti: eltávolítja a felesleges kódot, letiltja a nem használt JS/CSS fájlokat, optimalizálja a betöltési sorrendet, és segít elérni jobb Core Web Vitals értékeket. Cachinggel együtt működik; a célja, hogy a ténylegesen szükséges kód maradjon csak a frontenden.
Hogyan működik? Fő modulok és mit csinálnak
Szekció neve “Hogyan működik? Fő modulok és mit csinálnak”Gyors kapcsolók (One‑click toggles)
Szekció neve “Gyors kapcsolók (One‑click toggles)”Egyszerű kapcsolókkal ki‑/bekapcsolhatod a “bloatot”:
- Emojis, embeds, dashicons tiltása: kevesebb kérés, kisebb oldal.
- jQuery Migrate eltávolítása: régi függőség kidobása, ha a téma nem igényli.
- RSS/REST linkek, verziószámok elrejtése: kisebb HTML, kevesebb leak.
- Google Fonts/Maps tiltása, XML‑RPC lekapcsolása.
- WooCommerce opciók: feleslegesen betöltött shop scriptek/styles letiltása, cart fragments kikapcsolása, ha üres a kosár.
- Heartbeat API ritkítása/tiltása, autómentés intervallum és bejegyzés‑verziók limitálása: kisebb szerverterhelés.
Script Manager
Szekció neve “Script Manager”Oldalanként, sablonszinten vagy post típusonként kikapcsolhatod a JS/CSS-t – akár regex alapon, eszköz‑ és bejelentkezési állapot szerinti szabályokkal.
- MU mode: nemcsak az enqueue‑olt asseteket, hanem egy plugin teljes front‑endjét (hookok, lekérdezések, inline kód) is kizárhatod.
- Testing Mode: a változtatásokat csak te (admin) látod, így kockázatmentesen tesztelhetsz.
- Globális nézet és kivételek: gyors áttekintés és finomhangolás.
Példa regex szabályra:
^/blog/.* # minden blogbejegyzés URL-re alkalmazdJavaScript optimalizálás
Szekció neve “JavaScript optimalizálás”- Defer: elhalasztja a JS futtatását, csökkenti a render‑blocking hatást.
- Delay JS: futtatást csak felhasználói interakció után indítja (globálisan vagy célzottan), timeouttal és kizárásokkal. Ideális: Google Analytics/Tag Manager, AdSense, Facebook Pixel, WooCommerce cart fragments.
- Minifikálás (JS): kisebb fájlok, gyorsabb letöltés.
CSS optimalizálás
Szekció neve “CSS optimalizálás”- Remove Unused CSS: kihasználatlan stílusok eltávolítása (fájl vagy inline), az eredeti stíluslapok Delay/Async/Remove kezelése.
- Minifikálás (CSS), globális és oldalankénti kizárások/ürítések.
Lazy Load és média
Szekció neve “Lazy Load és média”- Képek, videók, iframek, CSS háttérképek lustabetöltése.
- Above‑the‑fold képek automatikus kivétele a lazy‑ből, hogy az LCP gyors maradjon.
- Width/height pótlása a képeken a CLS csökkentésére.
- WebP és AVIF támogatás.
- A fejlesztői mérések szerint átlagosan ~33% betöltési idő csökkenés érhető el.
Előtöltés és prioritás
Szekció neve “Előtöltés és prioritás”- Kritikus képek preloadja, fetchpriority beállítás az LCP javítására.
- Preload/Preconnect/DNS‑prefetch: kevesebb várakozás harmadik felekre.
- Speculative Loading: core funkcióra építve beállíthatod prerender módra a belső linkeket – a következő oldal szinte azonnal megjelenik.
Betűkészletek
Szekció neve “Betűkészletek”- Google Fonts helyi hosztolása, cache‑barát kiszolgálás, font‑display: swap, subset szűkítés a CSS méret csökkentésére.
Analitika
Szekció neve “Analitika”- GA4 script helyi hosztolása (normál vagy “minimal”), IP anonimizálás, fejléchez/lábléchez illesztés, kompatibilitás népszerű analitika pluginekkel, együtt használható a Delay JS‑szel.
CDN és adatbázis
Szekció neve “CDN és adatbázis”- CDN rewrite: a média/asset útvonalak átírása saját CDN domainre, finomhangolható kizárásokkal.
- Adatbázis karbantartás: verziók, autómentések, spam/trash kommentek, lejárt transientek törlése, táblák optimalizálása, időzített futtatással.
Egyéb eszközök
Szekció neve “Egyéb eszközök”- Login URL átnevezése: botterhelés csökkentése.
- Saját kód beszúrása head/body/footer helyekre.
- Import/Export, WP‑CLI, multisite kezelés (beállítások “push”-olása), akadálymentes mód.
Gyakorlati példák
Szekció neve “Gyakorlati példák”- Blog: tiltsd az embeds/dashicons‑t, hostold lokálisan a Fonts‑ot és Analytics‑et, kapcsold be a Remove Unused CSS‑t és a Lazy Load‑ot. Az FCP/LCP érezhetően javul, a HTML és JS méret csökken.
- WooCommerce: ha a kosár üres, kapcsold ki a cart fragments‑t, vagy késleltesd JS Delay‑jel. Tiltsd a Woo scripteket nem shop oldalakon a Script Managerrel. Marketing scripteket Delay‑re tedd. Ezzel gyakran több másodpercet nyersz TTI‑ben.
- Page builderes oldalak: a builder globális CSS/JS‑ét csak ott hagyd bekapcsolva, ahol szükséges (Script Manager + MU mode). A fölös komponensek eltávolítása drasztikusan csökkenti a kérések számát.
- Ügynökség/multisite: exportáld a bevált beállításokat és pushold a hálózat aloldalaira; ütemezd az adatbázis takarítást; CLI‑vel ürítsd a cache‑eket tömegesen.
Előnyök és értékajánlat
Szekció neve “Előnyök és értékajánlat”- Gyorsabb oldal és jobb Core Web Vitals konkrét, mérhető javulásokkal (LCP/INP/CLS).
- Kevesebb bloat: csak a szükséges kód fut, kevesebb kérés, kisebb fájlok.
- Stabilabb szerver: Heartbeat és botforgalom kezelése, alacsonyabb CPU‑használat.
- Kevesebb kézi munka: egykattintásos kapcsolók és Script Manager a kézi dequeue és kódpiszkálás helyett.
- Megfelelőség és privacy: helyi Fonts/Analytics csökkenti a külső függőségeket.
Kinek ajánlott?
Szekció neve “Kinek ajánlott?”- Bloggerek és tartalmi oldalak: gyors betöltés, jobb SEO és felhasználói élmény.
- WooCommerce tulajdonosok: nagy terhelés mellett is gyors kosár/fizetés, több konverzió.
- Ügynökségek és multisite adminok: import/export, hálózati terítés, WP‑CLI – skálázható folyamatok.
- Fejlesztők és performance szakik: finomhangolás MU mode‑dal, regex szabályokkal, kivétellistákkal.
Telepítés és első lépések
Szekció neve “Telepítés és első lépések”- Töltsd fel a perfmatters.zip fájlt a Bővítmények → Új hozzáadása → Bővítmény feltöltése menüpontban.
- Aktiváld, majd add meg a licenckulcsot a Perfmatters → License alatt.
- Kövesd a “Beállítási ajánlások” útmutatót: kezdd a gyors kapcsolókkal, majd a Script Managerrel, végül finomhangold a JS/CSS és Lazy Load beállításokat. Használj Testing Mode‑ot élesítés előtt.
- Kombináld megbízható cachinggel a teljes stackért.
Kompatibilitás és követelmények
Szekció neve “Kompatibilitás és követelmények”- No front‑end JS alapelv: a bővítmény nem terhel fölös szkripteket; bizonyos funkciókhoz minimális inline kód kerülhet be (pl. Delay JS, Speculative Loading).
- Széles körű kompatibilitás ismert témákkal és page builderekkel.
- Minimális PHP: 7.2.
Licenc és árak
Szekció neve “Licenc és árak”- Éves licenc, 30 napos pénzvisszatérítéssel és 15% megújítási kedvezménnyel.
- Personal (1 webhely): 29.95 USD/év
- Business (3 webhely): 59.95 USD/év
- Unlimited (korlátlan, multisite támogatással): 124.95 USD/év
Összességében a Perfmatters a kód‑ és asset‑szintű optimalizálás eszköztára, amellyel célzottan gyorsíthatod a WordPressedet, és cachinggel együtt teljes, modern performance stacket építhetsz. Ha pontosan azt szeretnéd betölteni, amire tényleg szükség van – és semmi többet –, ez a bővítmény neked készült.