Ez a bejegyzés a korábbi cikkünk folytatása, amelyben már bemutattunk több alapvető lépést a weboldal sebességének optimalizálásához. Ha még nem olvasta az első részt, érdemes ott kezdeni!
6. Csökkentse az első bájtig eltelt időt (TTFB)
Az első bájtig eltelt idő (TTFB – Time To First Byte) azt mutatja meg, hogy mennyi időbe telik, mire a böngésző elkezd bármilyen választ kapni a szervertől. Ha ez túl sokáig tart, a látogató azt hiheti, hogy az oldal nem is működik.
A TTFB általában a szerver teljesítményétől függ. Néhány hasznos lépés, amivel csökkentheti:
- Optimalizálja az adatbázis-lekérdezéseket (pl. kevesebb adatot kérjen egyszerre).
- Használjon gyorsabb tárhelyet vagy szervert.
- Frissítse a használt rendszereket, például PHP, CMS vagy cache-megoldások.
Ideális esetben a TTFB értéke 200 ms alatt van, de 500 ms-ig még elfogadható. Ha tartósan 600 ms felett van, mindenképp érdemes kivizsgálni.
7. Válasszon megfelelő tárhelycsomagot
Ha egy olcsó, megosztott tárhelyet használ, könnyen lehet, hogy weboldala lassúvá válik – nem azért, mert Ön hibázott, hanem mert a szervert más oldalakkal is meg kell osztania.
Alternatívák:
- Megosztott tárhely: olcsó, de korlátozott erőforrásokkal.
- VPS (virtuális privát szerver): gyorsabb, stabilabb, egyéni igényekhez szabható.
- Dedikált szerver: csak az Ön oldala fut rajta – ez a legdrágább, de a legnagyobb szabadságot is biztosítja.
- Szerver nélküli (serverless) megoldások: rugalmas és skálázható – főként haladóbb felhasználóknak ajánlott.
Ha WordPresst használ, érdemes lehet menedzselt WordPress tárhely mellett dönteni, amelyet kifejezetten a teljesítményre optimalizáltak.
8. Kapcsolja be a Gzip tömörítést
A Gzip egy olyan technológia, amely lehetővé teszi, hogy a weboldal forráskódja tömörítve érkezzen meg a böngészőbe – így gyorsabban betöltődik, és kevesebb adatforgalmat használ.
Főként szöveges fájlok esetén (pl. HTML, CSS, JavaScript) érdemes alkalmazni. A legtöbb tárhelyszolgáltató vagy CMS (pl. WordPress) lehetőséget kínál erre, gyakran automatikusan is bekapcsolható.
9. Kicsinyítse és egyesítse a CSS-, JavaScript- és HTML-fájlokat
Egy weboldal működéséhez gyakran több fájl is szükséges – stíluslapok, scriptek stb. Ha ezek külön-külön töltődnek be, az lassítja a folyamatot.
Ezért:
- „Kicsinyítse” ezeket a fájlokat: távolítsa el a felesleges szóközöket, sorokat, megjegyzéseket.
- Egyesítse őket egyetlen fájlba (ahol lehetséges), így kevesebb kérésre lesz szükség.
Erre számos eszköz létezik, például a WP Rocket, Autoptimize, vagy fejlesztői környezetben a Webpack. Ezek segítenek automatizálni ezt a folyamatot.
10. Töltse be a JavaScript-et aszinkron módon
Amikor a böngésző egy JavaScript-fájlt tölt be, alapértelmezetten leállítja a weboldal további betöltését, amíg a fájl le nem jött – ez a „szinkron” betöltés.
Ehelyett állítsa be a JavaScript-fájlokat aszinkron vagy halasztott (defer) módban való betöltésre. Így a böngésző nem vár a fájl betöltésére, hanem folytatja az oldal megjelenítését, miközben a háttérben betöltődnek a funkciók.
Ez különösen látványos javulást hozhat lassabb kapcsolatok vagy mobilos böngészés esetén.
11. Használja ki az előtöltés (prefetch), előcsatlakozás (preconnect) és előrenderelés (prerender) lehetőségeit
Ezek technikai beállítások, melyek segítenek a böngészőnek előre felkészülni bizonyos elemek betöltésére.
- DNS prefetch: gyorsabb névfeloldás külső forrásokhoz (pl. Google Fonts).
- Preconnect: kapcsolat előkészítése a külső szerverekhez.
- Prefetch: olyan fájlok előzetes betöltése, amelyeket a felhasználó később biztosan használni fog.
- Prerender: akár egy teljes oldal előre betöltése, ha valószínű, hogy a látogató oda fog kattintani.
Ezek a trükkök kis részleteknek tűnhetnek, de összességében mérhető sebességnövekedést eredményezhetnek.
12. Csökkentse a bővítmények számát
Ha WordPresst vagy más CMS-t használ, könnyen előfordulhat, hogy az évek során több tucat bővítmény került telepítésre – ezek közül sok lassítja az oldalt.
Minden plugin, amit telepít:
- új fájlokat tölt be (CSS, JS),
- extra adatbázis-lekérdezést végezhet,
- növeli a TTFB értéket.
Ezért:
- Rendszeresen ellenőrizze, mely bővítményekre van tényleg szüksége.
- Amit nem használ, azt távolítsa el (ne csak kapcsolja ki).
- Részesítse előnyben az „all-in-one” bővítményeket, amelyek több funkciót egyesítenek.
13. Használjon gyorsítótárazást (cache)
A gyorsítótárazás (vagy „cache-elés”) lényege, hogy a weboldal bizonyos részeit ideiglenesen eltároljuk, így a következő betöltéskor már nem kell újra lekérni a szervertől.
Ez különösen hasznos:
- gyakran látogatott oldalak esetén,
- visszatérő látogatóknál,
- statikus tartalmaknál (pl. képek, szövegek).
Létezik:
- böngésző cache (amit a látogató gépe kezel),
- szerveroldali cache (amit a tárhely biztosít),
- CDN cache (amikor külső hálózat tárolja az adatokat).
A legtöbb WordPress cache-bővítmény automatikusan beállítja ezt Önnek (pl. WP Super Cache, W3 Total Cache, LiteSpeed Cache).
14. Használjon felhőalapú weboldalfigyelő eszközt
A sebességoptimalizálás csak akkor lehet hatékony, ha rendszeresen méri az eredményeket. Ehhez szükség van monitorozó eszközökre.
Két típus létezik:
- Szintetikus monitorozás – automatikus tesztelés különböző helyekről, időközönként.
- Valós felhasználói monitorozás (RUM) – valódi látogatók viselkedésének figyelése.
A legjobb megoldás, ha felhőalapú, automatizált eszközt használ, amely nem igényel karbantartást, és akár értesítést is küld, ha valami lassul. Ilyen például a Sematext Cloud, amely 14 napig ingyenesen kipróbálható.
Összegzés
A weboldal teljesítményének javítása összetett feladat, de megéri a ráfordított időt, különösen, ha vállalkozása online jelenlétre épül. Ne törekedjen arra, hogy mindent egyszerre valósítson meg! Haladjon lépésről lépésre: mérje fel a jelenlegi állapotot, vezessen be egy-egy módosítást, és ellenőrizze az eredményeket.