fbpx

WP Rocket beállításai

Ebben a kis összeállításban szeretném megmutatni neked a WP Rocket nevüket bővítmény működését, illetve beállításait. De miről is szól ez a bővítmény? Mai világunkban nagyon fontos az idő mert az idő pénz! Ez egy weboldal életében is kulcsfontosságú mert hogyha nem tudjuk tartani az arany három másodpercet akkor a weboldal vagy webáruház látogatói odébbállnak egyszerűen és keresnek egy másik weboldalt vagy másik kereskedőt.

Ehhez kínál nekünk nagyon jó megoldást a WP Rocket nevű bővítmény amivel a weboldalunk vagy webáruházunk betöltési sebességét tudjuk drasztikusan csökkenteni. A technikai részletekben nem mennék bele, hogy mit miért csinál mert szerintem nem ez a lényeg, hogy ezt egy felhasználó tudja. Elég hogyha mi programozók tudjuk. hogy mit hova generál mit miért tömörít hova tömörít és sorolhatnám még.

WP Rocket Dashboard

Wp Rocket Beállítása Magyarul!

De nézzük a beállításokat, amit most itt látok Dashboard itt igazándiból semmi lényeg információt nem kaptunk, magával a bővítmény kapcsolatban csak azt, hogy ki vásárolta, mikor vásárolta stb. Itt, ami nekünk lényeges lesz az első beállítás a Cache alapfunkciók.

Itt az első tétel a mobil cache ez azt jelenti hogy a cache bővítmény asztali és a mobil verziót különböztet meg. Ez azért lényeges számunkra, mert hogyha például mobilról böngésszük az oldalunkat akkor felesleges az asztali verzió cache verzióját betölteni ezzel időt se sávszélességet tudsz megtakarítani ugyanez igaz az asztali verzióra is ahol viszont feleslegesen mobilos verziót betöltenie a böngészőnek. Így ezt okosan ki fogja hagyni az oldal. Itt értelemszerűen mind a két pipát pipáljuk be. 

Következő jelölhető négyzet ez a user cache, ez annyit tesz hogy ha be vagy jelentkezve mint adminisztrátor vagy felhasználó vagy bármilyen kezelője az oldalnak akkor számodra elérhető legyen a cache-elt verzió vagy nem. Ez sokszor vitát vált ki, hogy ezt érdemes a bekapcsolni vagy nem. Én azt szoktam mondani, hogyha nem webáruház vagy nem egy blog ahova rendszeresen bejelentkeznek a felhasználók akkor ezt inkább ne kapcsoljuk be, mert például az oldal szerkesztésénél zavaró lehet hogy ha egy régebbi cache-elt verziót tölt be a weboldal nem pedig azt amit éppen szerkesztettünk. Úgyhogy én azt javaslom, hogy egy sima weboldalnál ezt az opciót ne használjuk. 

Az utolsó opció ebben a mezőben ez maga a cache élettartama. Ez annyit jelent, hogy itt beállíthatjuk órában, napban, hétben akármilyen időintervallumban, hogy milyen régi cache file-okat töröljön automatikusan a bővítmény. Alapbeállítás az 10:00 óra, én ezen nem szoktam változtatni Ez szerintem elegendő de hogyha nagyon ritkán frissítitek az oldalatokon vagy webáruházat akart ezt fel lehet emelni akár egy hétre is. Igazándiból problémát nem fogok okozni. Annyit kell róla tudni, hogy viszont a tárhelyen helyet foglalni.

WP Rocket fájlok optimalizálása

Wp Rocket Beállítása Magyarul!

A következő a fájlok optimalizálása. Erről már a bevezetőben beszéltem, hogy itt különböző dolgokat fog tömöríteni összeadni szétszedni stb. kihagyni a bővítmény. De mi is az a css file ebben a file-ban vannak tárolva a jellemzően grafikai dolgai egy weboldalnak. Ez egy komplex weboldalnál tetemes mennyiséget jelent, ezért érdemes ezeket minimalizálni. Ugye itt az első jelölőnégyzet az mindjárt azt mondja nekünk, hogy tömöríti minimalizálja a css fájlok méretét, alatta ott van hogy el távolítja a felesleges szóközöket, kommenteket stb. és tömöríti magát a fájlt. Ezt pipáljuk be.

A következő jelölőnégyzet ahogy kombinálja ezeket a fájlokat. Ez azért lényeges mert nem több tíz húsz harminc kisebb css file-t fog betölteni a weboldalunk, illetve a böngésző, hanem egy vagy kettő esetleg három nagyobb kiterjesztésűt. Ezzel nem lesz túl sok lekérésünk a szerver felé, ezzel is gyorsítva a weboldal betöltődési idejét. Egyébként ezek a fájlok pár kbyte-ok, tehát nem kell azért egy bődületes adatmennyiségre vagy adathalmazra gondolni, úgyhogy érdemes ezt az opciót is használni.

CSS optimalizálás

A következő WP Rocket mező ez igazándiból már haladó felhasználóknak van. Itt ki tudunk zárni bizonyos css fájlokat a cache-selésből. Erre akkor van szükség hogyha a cache-elés valamilyen problémát okoz a weboldal megjelenésében ez ritkán elő szokott, de ha ilyen problémátok adódik érdemesebb inkább egy szakemberrel átnézetni a weboldalt, hogy mi lehet a probléma melyik lehet ez a css fájl vagy bővítmény, ami okozza ezt a cache-elési hibát. Lehet kísérletezgetni vele, de én nem ajánlom.

A következő optimalizálja a css fájlok kézbesítését. Annyit jelent, hogy az adott css fájlból mindig csak annyit fog betölteni a böngésző amennyit éppen látsz, ezt nevezzük hajtás feletti résznek amivel jelentősen lehet csökkenteni az oldal betöltési idejét. Következő a nem használt css beállítások eltávolítása. Ez még egy Beta verzió, amit tudomásom szerint még nagyon mások nem is használnak tehát úttörő ebben a WP Rocket. Lényegében megpróbálja megkeresni azokat a css bejegyzéseket az adott oldalakon, amiket nem használ a weboldal. A WordPress egy komplex oldal tehát nagyon sok funkcióval nagyon sok design elemmel rendelkezik ezeknek túlnyomó részét nem is használjuk. Megpróbálja megkeresni ezeket a css bejegyzéseket és kiszűrni a felesleges részeket, ezzel szintén jelentős betöltési sebesség csökkenést érhetünk el. Itt is be lehet állítani egy biztonsági listát, igazándiból nekem még nem volt rá szükségem, megmondom őszintén. Itt megadhatunk különböző tageket, klasszokat vagy akár komplett css fájlokat is amiből ne távolítsa el az esetlegesen felesleges css sorokat.

Javascript optimalizálás

Elérkeztünk a javascript fájlokhoz, ami általában szokta okozni az oldalak halálát. Itt is ugyanúgy megtalálhatjuk a minimalizálja a fájlokat, ugyanazokat a metódusokat hajtja végre a bővítmény, mint a css fájloknál, eltávolítja a felesleges szóközöket komment jeleket stb. és tömöríti.

Utána található itt is szintén az, hogy kombinálja a WP Rocket javascript fájlokat. Most ez nálam például nem is jelölhető, mint látjátok, mert http2 szabványt használ a weboldalam és itt már nem engedélyezi alapból a bővítmény. Ennek technikai oka van ebben most nem mennék bele hogy ez miért. Itt szintén van egy kizárási lista, megadhatjuk, hogy melyik javascript fájlokat ne minimalizálja, illetve kombinálja a bővítményt itt azért szokott lenni olyan fájl ami gondot okoz. Általában sliderek, contact formok. Előszokott fordulni, hogy ki kell zárnunk javascript fájlokat mert nem működik megfelelően az adott bővítmény. De már egyre kevesebb ezeknek a bővítményeknek a száma.

A következő mező azt mondja, hogy a javascript fájlok betöltése, hogy ez ugyanaz lényegében, mint amit a css fájloknál mondtam, hogy csak azt a részt fogja mindig betölteni a böngésző, ami a hajtás feletti részhez szükséges. Tehát itt is jelentősen redukálva ugye az oldal méretét és betöltési sebességét. Itt is található egy kizárási lista ezt nem részletezném újból, hogy ez mi, ugyanúgy megadhatunk javascript fájlok elérési útvonalát, amit kizárunk ebből a kézbesítésből.

A következő opció ez pedig egy késleltetett végrehajtás. Ilyenek a görgetés a klikkelés stb. bármilyen interakció. Ezeknek a betöltése csak akkor indul el ha az esemény bekövetkezik. Görgetsz, kattintasz valahova csak akkor fogja betölteni az oda vonatkozó javascriptet hogyha az adott akcióhoz rendelve. Itt szintén van egy kizárásilista Ezt szintén nem taglalnám, ezzel a résszel végeztünk is.

Nem egy ördöngösség egyébként ez a bővítmény. Nagyon le van egyszerűsítve maga a felhasználói felület, de viszont úgy mondom “motorháztető alatt” egy nagyon összetett, nagy tudású bővítményt vásárolunk, ami mögött egy nagy fejlesztő Gárda dolgozik.

Teljes bemutatót a lenti videóban tudjátok megnézni és meghallgatni:

Van egy jó elképzelésed? Írj nekünk!

A weboldalon cookie-kat ("sütiket") használunk, hogy a legjobb felhasználói élményt nyújthassuk látogatóinknak. A cookie beállítások igény esetén bármikor megváltoztathatók a böngésző beállításaiban.

Adatvédelmi beállítások elmentve!
Adatvédelmi beállítások

Amikor meglátogat egy webhelyet az tárolhat vagy lekérhet információkat a böngészőben, főként sütik formájában. Itt beállíthatja személyes cookie szolgáltatásokat.

Ezek a cookie-k szükségesek ahhoz, hogy a webhely működjön, és nem kapcsolható ki a rendszerünkben.

Az oldal működtetéséhez az alábbi technikai cookie-ek szükségesek
  • wordpress_test_cookie
  • wordpress_logged_in_
  • wordpress_sec

Összes tiltása
Összes engedélyezése