Weboldal gyorsítás

Növelnéd a konverziós rátád, növelnéd oldalad látogatottságát vagy csökkentenéd a visszafordulási arányt? A weboldal gyorsítás mindenképpen pozitív hatással lesz a fentiekre!

9 gyors módszer weboldalad gyorsítására!

1. Válassz teljesítmény-optimalizált tárhelymegoldást

Az általad használt tárhelyszolgáltatónak van némi szerepe webhelyed kezelésében és teljesítményében. Ebbe beletartozik az oldalletöltési sebessége is. Tárhelyekről és szerverekről ebben a cikkünkben olvashatsz bővebben.

2. Tömörítsd és optimalizáld a képeket

A képek segítenek javítani az oldalaid megjelenését, és növelik a tartalom minőségét. A nagyméretű képek azonban késleltethetik a betöltési időt is.

Ezért az egyik legegyszerűbb módja a weboldal gyorsításnak az, ha tömörítjük és optimalizáljuk a képeket. Ez magában foglalhatja a fájlformátumuk megváltoztatását, a lazy loading/lusta betöltés engedélyezését, valamint a képek veszteséges vagy veszteségmentes tömörítéssel történő tömörítését.

A képek fájlméretének csökkentésével csökkenthetjük azok “súlyát”, ami végső soron segíthet az oldalak gyorsabb betöltésében.

Ha szeretnél többet tudni arról, hogyan optimalizálhatod a képeidet, akkor olvasd el A képek optimalizálása – 5 tipp a képek webes optimalizásához blogbejegyzésünket.

3. Csökkentsd az átirányításokat

A túl sok átirányítás a webhelyeden nagyon árthat a betöltési időnek. Minden alkalommal, amikor egy oldal átirányít valahová máshová, meghosszabbítja a HTTP-kérés és a válaszadási folyamatot.
Természetesen bizonyos esetekben szükség lehet az átirányításokra, például amikor új domainre költözöl. A szükségtelen átirányítások megszüntetése a webhelyeden azonban jelentősen csökkentheti az oldal betöltési idejét.

4. Hatékony cachelés (gyorsítótár), page cache beállítások

A cache egy létfontosságú stratégia az oldal sebességének javításához, de csak akkor hatékony, ha a megfelelő típust használod.

A gyorsítótárazás az egyik leghatékonyabb módja a weboldalak felgyorsításának. A gyorsítótárazás tárolja webhelyed fájljainak másolatait, minimalizálva a szervernek a weboldal létrehozásához és a látogató böngészőjének való kiszolgálásához szükséges munkát.

A weboldalak gyorsítótárazása segíthet a Time to First Byte (TTFB) csökkentésében, mivel a kiszolgálónak kevesebb erőforrást kell felhasználnia az oldal betöltéséhez.

A weboldalak gyorsítótárba helyezésének többféle módja van. Megteheted ezt szerverszinten, ami azt jelenti, hogy a tárhelyszolgáltatód kezeli ezt helyetted.
Egy másik lehetőség egy gyorsítótárazási bővítmény/ cache plugin, például a W3 Total Cache használata. Ez egy ingyenes WordPress bővítmény. Gyorsan és egyszerűen teszi lehetővé a weboldalak gyorsítótárazását. Miután telepítetted és aktiváltad, egyszerűen navigálj az Általános beállítások > Oldal gyorsítótár menüponthoz, és válaszd az Engedélyezés opciót.

Nagy eséllyel lefuttattál már egy oldalsebesség-tesztelő eszközt és találkoztál a “statikus eszközök kiszolgálása hatékony gyorsítótár-szabályzattal (serve static assets with an efficient cache policy)” kifejezéssel. Mi is ez valójában? Hogyan lehet ezt jól csinálni?

Ha szeretnél többet tudni a hatékony cache policy fontosságáról, a webes cachelés négy különböző típusáról, hogy mikor érdemes használni őket, és hogyan kell beállítani őket, akkor ezt a a linkre kattintva teheted meg.

5. Engedélyezd a böngésző gyorsítótárazását, browser cache beállítások

A böngésző gyorsítótárazása a gyorsítótárazásnak egy másik formája, amelyet kihasználhatsz az oldal betöltési sebességének javítására. Ez a technika lehetővé teszi a böngésző számára, hogy különféle információkat, például stíluslapokat, képeket és JavaScript-fájlokat tároljon, így nem kell a teljes oldalt újratöltenie minden egyes alkalommal, amikor a felhasználó meglátogatja.
A W3 Total Cache-hez hasonlóan a WP Rocket is egy hatékony gyorsítótárazási bővítmény, amelyet a WordPress webhelyeden használhatsz. Az oldal gyorsítótárazását és a gyorsítótár előretöltését alkalmazza, hogy optimalizálja az oldalak sebességét, és villámgyors betöltési időket hozzon létre. A WP Rocket egy prémium plugin, többféle árcsomag közül választhatsz.

6. Használj aszinkron és halasztott betöltést a CSS és JavaScript fájljaidhoz

A weboldalad CSS- és JavaScript-fájlokból áll. Ezek a szkriptek szinkron vagy aszinkron módon is betölthetők.

A szinkron azt jelenti, hogy a fájlok egyenként töltődnek be, abban a sorrendben, ahogyan a weboldaladon megjelennek.
Ezzel a módszerrel, amikor a böngésző találkozik egy szkripttel, leállítja az oldal többi elemének betöltését, amíg az adott fájl nem töltődik be teljesen elsőként.

Ezzel szemben az aszinkron betöltés lehetővé teszi több fájl egyidejű betöltését, ami felgyorsíthatja az oldal teljesítményét. Ennek beállítása magában foglalja a renderelést blokkoló erőforrások kiküszöbölését.

Ha szeretnél mindent tudni a defer és async használatáról, akkor kattints a linkre és olvasd el cikkünket.
Ha WordPress-t használsz, akkor akár az Autoptimize és az Async JavaScript bővítmény kombinációját is használhatod, hogy ezt a feladatot könnyedén elvégezd.

7. Minimalizáld a CSS-t, a JavaScriptet és a HTML-t

A fájlok betöltésének optimalizálása segíthet javítani az oldal betöltési sebességét. Hasonlóképpen a CSS, a JavaScript és a HTML kód minimalizálása is. Ez a felesleges szóközök, karakterek, megjegyzések és egyéb nem szükséges elemek eltávolítását jelenti, hogy csökkentsük a fájlok méretét.
A fájlok méretének csökkentése megkönnyíti azok kombinálását is. Az eredmény tisztább kód, kisebb súlyú weboldal és gyorsabb betöltődés.

8. Ha szükséges, használj tartalomszolgáltató hálózatot (CDN)

A tartalomszolgáltató hálózat (CDN), más néven „tartalomelosztó hálózat”, olyan szerverhálózat, amely segíthet javítani az oldal betöltési sebességét. Ezt úgy éri el, hogy a weboldal statikus tartalmának másolatait a világ különböző pontjain található szerverekről hosztolja és szállítja.
A CDN a tárhelyszolgáltatóval együtt, és nem helyette működik. Az elsődleges weboldaladnak otthont adó szerver mellett a CDN-t kihasználhatod arra, hogy webhelyed fájljainak másolatait szétoszd a stratégiailag kiválasztott adatközpontok között.
Ez maximalizálhatja a teljesítményt azáltal, hogy csökkenti a böngészők és a tárhelyszolgáltató szerverei közötti távolságot, amelyet az adatkéréseknek meg kell tenniük. Azzal, hogy a CDN az egyes látogatókhoz közeli szerverről tölti be a weboldal tartalmát, segít csökkenteni a hálózati késleltetést és alacsonyabb TTFB-t produkálni.

A CDN használatáról már írtunk egy korábbi bejegyzésünkben is, Irányelvek a WordPress weboldal gyorsítása terén címmel.

9. Távolítsd el a felesleges bővítményeket

A weboldal gyorsítás egyik leghatékonyabb módja a felesleges bővítményektől való megszabadulás. Nem minden bővítmény egyforma. Ha túl sok plugin van a webhelyeden, az jelentősen lelassítja az oldalaid betöltődését.

Mivel a bővítmények harmadik féltől származó szkriptek, optimalizálásuk nem lehetséges. A valaki más szerverén található JavaScript betöltésének javítása nyilvánvalóan elég komoly kihívás, mivel nem vagy abban a helyzetben, hogy a jobb teljesítmény érdekében átírj belőle bármit is. Nehéz nyomon követni és kijavítani a külső kód által okozott hibákat. Van azonban néhány dolog, amivel javíthatsz a betöltés idején és módján.

Járj utána, hogy weboldaladat esetleg harmadik féltől származó szkriptek lassítják-e.

Ha ez a helyzet, akkor pedig tudd meg tőlünk, hogy mit tegyél, ha harmadik féltől származó szkriptek lassítják a weboldalad betöltését.

A teljesítmény problémák mellett az elavult vagy nem megfelelően karbantartott pluginok biztonsági fenyegetést is jelenthetnek. Ezért okos döntés, ha minimalizálod a WordPress webhelyeden használt bővítmények számát. Természetesen az egyik legegyszerűbb módja ennek az, hogy deaktiválod és törlöd azokat a bővítményeket, amelyeket jelenleg nem használsz.

Erősen javasoljuk, hogy vizsgáld felül a korábban telepített bővítményeket, hogy felmérd, valóban szükséged van-e rájuk. Lehetnek közöttük olyanok, amelyeknek átfedő funkciói és jellemzői vannak, és olyanok is, amelyek egyszerűen már nem relevánsak.

Végül, bizonyos bővítmények jobban lelassíthatják a webhelyet, mint mások. Az oldal sebességét csökkentő bővítmények azonosításához próbáld meg egyenként tesztelni őket.
Először is, deaktiváld az összes pluginodat (a legbiztonságosabb, ha ezt egy staging site-on teszed). Ezután egyesével kapcsold vissza őket. Minden egyes alkalommal, amikor aktiválsz egy bővítményt, futtass le egy sebességtesztelő eszköz, például a PageSpeed Insights tesztjét, hogy megnézd, befolyásolta-e a pontszámot. A tesztet többször is futtasd le egymás után. Kipróbálhatsz többféle tesztelő eszközt is, a legtöbb ingyenesen használható. A sebesség tesztelő eszközökről a linkre kattintva olvashatsz bővebben. A Google PageSpeed Insights a Lighthouse-t használja. A Lighthouse pontszámítási rendszeréről a linkre kattintva olvashatsz bővebben. A Google PageSpeed Insightsról és a PageSpeed report értelmezéséről pedig itt tudhatsz meg mindent. A Google általános webhely-egészség, a Core Web Vitals mutatóiról is érdemes átfutnod összeállításunkat.

Sok bővítmény kis mértékben növelheti az oldalad sebességét. Ha azonban hirtelen nagymértékű növekedést tapasztalsz, akkor lehet, hogy itt az ideje, hogy keress egy alternatív plugint, amely ugyanazt a célt szolgálja (de jobban optimalizált) és nem lassítja weboldalad betöltését.

A Kviksite Lighthouse riportja: