Powered by WebDigital    A fekete öves tárhely szolgáltató!     Tárhelyek verhetetlen áron!
(+36) 70 518 1943             info@tarhely.ninja         

8 módszer a WordPress weboldalad felgyorsítására

A weboldal gyorsasága nagyon fontos!
Nem is a látogatók szempontjából, hiszen senki nem követ el harakirit, ha egy weboldal 6-10 másodperc alatt töltődik be.  Ráadásul mobileszközök esetében a sebességet már akár az is befolyásolja, ha egyik szobából átmegyünk a másik  szóbába, ahol nem olyan erős a wifi, vagy a mobilnet.  Persze a látogatóknál is van egy lélektani határ amit sokan nem várnak ki, ez álltalában 20 másodperc környéke. Ha ilyen lassú a weboldalunk akkor sok látogatót veszíthetünk.
A sebesség elsősorban a keresők miatt fontos, mivel a rangsoroláskor a weboldal sebességet is figyelembe veszik.

Sokan ezzel kapcsolatban tévedésbe esnek, és azt hiszik, hogy a gyors weboldal elég ahhoz, hogy az első helyekre kerüljenek. 
Nos ez tévedés!  Önmagában attól hogy gyors lesz az oldalad, nem kerül a weboldalad sokkal előrébb a keresési találatokba! 
A jó helyezést még mindig elsősorban a jó tartalom, és a jó linkek határozzák meg!

Akkor mégis miért fontos erre időt és energiát vesztegetni? 
Azért mert sok esetben 4-5 helyezés is sokat számít!
Egy termék vásárlás esetén a vásárlások 50-60%-át azok a cégek viszik el akik a Google találati listában az első oldalon vannak. 
Minél hátrébb helyezkedik el az oldalad, annál kevesebb látogatód lesz, ezáltal pedig a vásárlások száma is kevesebb lesz mintha előrébb lennél.

Sok esetben, ha csak 3 hellyel előrébb kerül az oldal a sebesség növelés miatt már is nem a harmadik oldalon leszel, hanem a második oldalon, ezáltal pedig jól láthatóan növekszik a látógatok száma!   Ráadásul a látogatók is szívesebben időznek egy gyors oldalon, mint egy lassú oldalon!



1. Válassz minőségi tárhelyet

Ez az egyik legfontosabb, hiszen ha a tárhely nem gyors akkor csinálhatsz bármit, nem sok eredménye lesz a munkádnak!
Sajnos azt megtudni, hogy melyik tárhely mennyire gyors is valójában nehéz megmondani, mivel a legtöbb cég kevés információt oszt meg a szervereiről, és a tárhelyek részére kiosztott erőforrásokról.
Ma már csak SSD tárhelyet szabad venni!  Az SSD-s adattárolókban nincsennek mozgó alkatrészek, minden adat félvezetőkön van tárolva, ezért az írás olvasás sokkal gyorsabb mint a hagyományos HDD adattárolóknál. itt ugyanis az adatok tárolása több fémlemezen történik amiről az adatok kiolvasása egy olvasófej segítségével történik.
Gyakorlatilag majdnem ugyanolyan mint a régi bakelit lemezjátszó, csak kisebb és gyorsabb annál. 

A  sebességet elsősorban tárhely részére kiosztott CPU magok száma határozza meg.  Itt egy bizonyos mennyiség felett már nem lehet érdemi sebességnövekedést elérni.  Az hogy mennyi ez a szám a weboldal felépítésétől, a látogatók számától, fűgg.  Mindenesetre ha sok CPU mag van kiosztva abból hátrány biztos nem fog származni!

Sok cégnél bevett szokás, hogy minden tárhelycsomaghoz ugyanazokat az értékeket állítják be. Ezzel az a gond, hogy egy kis tárhelyen álltalában 1-2 db weboldal működik, addig egy nagyobb tárhelyre az ember több weboldalt is feltenne, de hiába lenne bőven elég a hely, ha nincs elég erőforrás. 

Cégünknél az erőforrásokat a legkisebb csomagunknál is úgy állítottuk be, hogy bármelyik konkurens cég tárhelyével felvegye a versenyt, mind árban mind teljesítményben.

A nagyobb tárhely csomagokhoz több erőforrást biztosítunk, hogy tényleg több weboldalt tudj róla üzemeltetni!  De akinek az alap teljesítmény nem elég az picivel magasabb áron, dupla teljesítményű tárhelycsomagokat is tud venni. Ezeknél minimum 4db CPU és maximum 6 db CPU mag érhető el!

Az elérhető adatok alapján ezek a tárhelyek jóval a piaci átlag feletti erőforrásokat nyújtanak.  Mi eddig nem találtunk más céget akiknél 6 db CPU elérhető lenne, a 4db is nagyon ritka.  

Az összes tárhelycsomagunknál elérhető a pontos  erőforrás kiosztás! 
És természetesen ez a cPanel felületen le is ellenőrizhető, hiszen az erőforrás kijelzőn pontosan lehet látni miből mennyi van az adatot tárhelyhez, és hogy abból mennyit használtál fel. webdigital

(Ez a weboldal is a WebDigital tárhelyszolgáltató csoporthoz tartozik)

2. Válassz jó sablont!

Az interneten nagyon sok sablon érhető el, egyik szebb mint a másik.  
(A sablon a weboldal designt jelenti, amit megvásárlás után testre tudunk szabni. )
Az ember csak úgy kapkodja a fejét, hogy melyiket is válaszam melyik a legszebb. 
De a szépség mellett érdemes odafigyelni a sebességre is!

Sokszor csak a külcsínre koncentrálunk, és észre sem veszük, hogy az egyik sablon 3 másodperc alatt töltődik be míg a másik 6 másodperc alatt.

Ez tényleg nem sok, viszont ha a 6 másodperceset veszük meg, akkor máris 3 másodperc hátrányból fogunk indulni!
A mérésekhez használjunk valamilyen weboldal sebesség tesztelő programot, hogy minél kevesebb zavaró körülmény legyen a mérésben.
De érdemes több teszt oldalon is letesztelni.

Kiemelten fontos, hogy a Sablon reszponzív legyen! 
Azaz, különböző eszközökön is megfelelően jelenjen meg (mobiltelefon és tablat + PC) 
A Google ~2018 tól bevezette, hogy alapértelmezetten a Mobiltelefonos nézetet veszi alapul!   Ez azt jelenti, hogy amennyiben a weboldalad nem képes a mobiltelefonokon megfelelően megjelenni, akkor az oldalad nem fog bekerülni a találatok közé, vagy ha be is kerül, nagyon hátra lesz sorolva!  Ezért csak olyan sablont vegyél meg amelyik garantáltan jól működik mobiltelefonon is! 
Ezt az alábbi linken tudod tesztelni: https://search.google.com/test/mobile-friendly

3. Használj cache bővítményt

Normál esetben egy weboldal úgy működik, hogy amikor egy látogató meg akar nézni egy oldalt, akkor a szerver elkezdi feldolgozni az összes PHP fájlt ami ehhez a weboldalhoz szükséges.  Ez nem kevés fájlt jelent, hiszen a weboldal minden egyes része külön külön fájlba van leprogramozva (fejléc, menü, tartalom, lábléc, lábléc menü, stb…) Soha nem számoltam de legalább 100 db php fájl biztos tartozik egy oldalhoz.   Ezután az adatbázisból megkeresi a megfelelő tartalmat ( fejléc szövege, menü pontok , cikkek, lábléc tartalma, stb..)  Ha ezzel kész, akkor a feldolgozott adatokból elkészít a szerver egy HTML oldalt, amit elküld a böngészőnek képekkel és egyéb szükséges fájlokkal együtt.  
És ha 100 látogatója van a weboldaladnak, akkor ezt 100 alkalommal ismétli meg a szerver.
Látható, hogy ez nem kis munka.  Ráadásul felesleges is, hiszen az oldal tartalma nem változik percenként, de sokszor napokig, hetekig, hónapokig is változatlan marad.
A Cache alkalmazás ezt az egész folyamatot lerövidíti, ugyanis az elkészült HTML fájt elmenti, és amikor egy látogató meg akarja nézni mondjuk a kezdő oldalt, akkor már nem kell a PHP fájlokkal és az adatbázissal bajlódnia, hanem csak egyszerűen elküldi a látogató gépére a kész fájlt. 
Ezzel jelentősen gyorsítható a weboldal, ráadásul a tárhely erőforrásait is kíméli.
A jobb bővítmény egy cikk szerkesztése után,  törli a régi elmentett fájlokat, és újakat generál, igy a látogatók rögtön a modosított tartalmat látják. 
Az egyik legjobb ilyen bővítmény az ingyenes WP Super cache.

4. Felejtsd el a hagyományos képformátumokat!

A legtöbb ember csak a .jpg, .png, .gif képformátumot ismeri. 
Ezek már a múltat képviselik!  Igaz népszerűségük miatt nagyon sokáig velünk lesznek.
Ezekkel a régi képformátumokkal csak az a baj hogy még optimalizálva is elég nagy méretűek maradnak.
A méret pedig jelentősen befolyásolja a weboldal betöltődési sebességét.
Az új tömörítési eljárásoknak köszönhetően látható minőségromlás nélkül lehet a képek fájl méretét csökkenteni.
Jelenleg a WebP képformátum tudja az egyik legjobb eredményt nyújtani. 
De már megérkezett az új trónkövetelő az AVIF formátum, ami még jobb eredményeket ígér.

Miért is fontos mindez? 
Szinte kivétel nélkül minden weboldal tartalmaz képeket. A képek alatt nem csak a cikkekben megjelenő képeket kell érteni, hanem a fejlécben, láblécben elhelyezett képeket is. 
A weboldal méretének akár 60-70% át is a képek teszik ki! 
Ma egy átlagos weboldal 5-10 MB között van. De nem ritka a 20 MB feletti oldal sem. 

Mit is jelent ez a gyakorlatban egy átlagos 30 Mbit/s os internet kapcsolattal?
5MB  = 1 másodperc
10MB  = 2 másodperc
20MB  = 5 másodperc

100 Mbit/s os internet kapcsolattal a 20MB  = 1 másodperc re csökken. 
Ma már országszerte sok helyen elérhető, ekkora vagy akár még ennél gyorsabb internet is! Viszont ezek csak a nagyvárosokban érhetőek el, és ott sem mindenhol. 
Épp ezért a Google sebesség tesztelője sem ezekkel az értékekkel teszteli az oldalt, hanem átlagos sebességgel! 

A Google jelenleg a mobilos feltérképezést veszi alapul, itt pedig a 3G sebességgel teszteli az oldalakat, ami 30Mbit/s!

A wordpress-hez több olyan kiegészítő is elérhető ami a feltöltött (jpg, png, gif) képeket automatikusan átalakítja WebP formátumba.

5. Használj lazy loading betöltődést

Egy átlagos weboldalnál csak az után jelenik meg a tartalom, hogy minden elem letöltődött a látogató gépére.  Ez pedig 5-10 másodpercig is tarthat. 

A lazy loading egy olyan technológia, mely nem egyszerre tölti be a weboldalad tartalmát, hanem részletekben. A felhasználónak mindig csak annyi elem jelenik meg, amennyi elfér a képernyőn, és ahogy görget lejjebb, úgy jelenik mega további tartalom.

Ezzel a megoldással is jelentős másodperceket lehet megspórolni. 
A legtöbb bővítmény olyan funkciót is kínál, hogy a még le nem töltött képeket ideiglenesen egy a kép méreteivel megegyező üres négyzettel helyettesiti. 
Ezt érdemes bekapcsolni, mert ellenkező esetben az oldal tartalma “ugrálni fog” a képernyőn, ahogy a betöltődött képek lentebb és lentebb nyomják a szöveget. 

A funkció használatával a tárhelyed erőforrásait is kíméled, mivel nem minden látogató nézi végig a teljes weboldaladat, ezeknek pedig nem kell minden tartalmat elküldeni feleslegesen. 

Az egyik legkedveltebb a Lazy Load by WP Rocket.

6. Tömörítsd a .css és .js és .html fájlokat is.

Ezek a fájlok szöveges dokumentumok, amik a látogató gépén kerülnek feldolgozásra, azaz ez is letöltőik a látogató gépére. 
Mint fentebb láthattuk a méret igencsak befolyásolja a betöltödési sebességet.
Épp ezért ezeket a fájlokat is érdemes tömörítve elküldeni a látogatónak, hiszen a sok kicsi sokra megy.

Szerencsére erre is van plugin ami ezt a feladatot elvégzi helyettünk.
Az egyik legjobb ingyenes kódoptimalizáló bővítmény az Autoptimize

7. Töröld a felesleges bővítményeket és tartalmakat!

Sok weboldalon sok felesleges kiegészítő található, amit lehet nem is használnak, illetve ha használják is lehetne akár külső eszközt is használni. Itt most a statisztikai modulokra gondolok elsősorban. Amire a legjobb ingyenes megoldás a https://analytics.google.com/

Persze jó dolog az amikor mindent egy felületen tudsz megnézni, és láthatod, mennyi látogatód volt, és hogy azok mit néztek mennyi ideig nézték, stb..
De ezek a modulok, mind a te erőforrásaidat használjak, a te adatbázisodba írják és olvassák az eredményeket.  És ez idő!  Még ha milliszekundumokról is van szó, akkor is idő, és sok látogatónál már akár észrevehető is.

Azt is tudod kell, hogy minden egyes feltelepített bővítmény biztonsági kockázatot jelent!  Hiszen egy programban nagyon könnyű egy pici hibát véteni, amit később a heckerek megpróbálnak kihasználni.  
És azt is fontos tudni, hogy minden egyes bővítmény amit telepítesz, az lassítani fogja az oldaladat. Amelyik program egyszerűbb és jobban megírtak, annak alig észrevehető a hatása, viszont amelyiket kicsit rosszabban sikerült megírni az akár másodperces lassúlásokat is okozhat.

Továbbá a wordpress mindent az adatbázisban tárol!
Az adatbázist úgy képzelj el mint egy nagy lexikont, ami tele van adattal. Neked sem lenne mindegy hogy egy egy kötetes lexikonban kellene megkeresned valamit, vagy 12 kötetes lexikonban.
Ha kicsi az adatbázis akkor abban gyorsan meg lehet találni a szükséges tartalmat.
De minél nagyobbra hízik ez az adatbázis, annál körülményesebb lesz kezelni, ami a betöltési sebességre is hatással lesz.

Ép ezért az olyan tartalmakat amire nincs szükséged azt töröld!
A weboldalról való elrejtés (inaktiválás) az nem csökkenti az adatbázis méretét!

Érdemes az adatbázisod is karban tartani, ehhez a legegyszerűbb bővítményt használni. A WP-Sweep képes arra, hogy törölje a WordPress által létrehozott automata piszkozatokat, a már eltávolított hozzászólások nyomait, a nem megfelelő meta adatokat és számos mást. Emellett optimalizálja is az adattáblákat, így a weboldalad még gyorsabb lehet.

8. Használd a CloudFlare-t!

A nagy cégek még egy trükköt bevetnek amivel a weboldalaik az átlag feletti sebességre lesznek képesek.
Mégpedig azt, hogy weboldalaikat nem egyetlen szerver szolgálja ki, hanem sok száz.
A nagy cégek úgynevezett CDN szerver szolgáltatást vesznek igénybe.
Ezek azt csinálják, hogy a weboldalról készítenek egy egy másolatot sok sok szerverre amik a világ különböző pontjain találhatóak.
Sajnos ezek nem olcsó dolgok! A legkisebb fizetős csomag is 20 USD/hó tól indul, ami 70-80 ezer forint/év.  A még profibb szolgáltatási csomag pedig már évi 700-800 ezer forint!  
Épp ezért nehéz versenyezni a nagy cégekkel. Az aliexpress és az amazon azért töltődik be villámgyorsan mert nekik rendelkezésre áll ez a technika!
Szóval amikor a weboldalad sebességét hasonlítgatod más oldalakhoz, akkor nem biztos, hogy a milliárdos ár bevételű cégek oldalait kell alapul venni, hiszen, ők ezt a pénzt ki tudják fizetni. Míg neked közel sem biztos, hogy egy ilyen befektetés megtérülne e.  Ezek a cégek nem feltétlen a sebesség növekedés miatt használják ezeket a szolgáltatásokat, hanem azért mert igy egy átlagos szerverről is milliós látogatószámot tudnak kiszolgálni. Mivel a szolgáltatás használatával az eredeti szerver terhelése töredékére csökken. 

De szerencsére léteznek ingyenes megoldások is, amik nem fogják ugyanazt nyújtani mint a fizetős megoldások, de akár 1-2 másodpercet is gyorsíthat a weboldalon.
A használata nagyon egyszerű, jóformán csak egy regisztrációból és egy DNS modosításból áll.

Erről részletesebben a webdigital.hu oldalon írtunk ha érdekel akkor kattints ide.

 

Comments are closed.