Weboldal sebesség optimalizálási tippek, trükkök

    Minden weboldal tulajdonos számára alapvető fontossággal bír, hogy oldala minél gyorsabban töltődjön be. Az oldal betöltődési sebessége hatással van mind a forgalomra, a visszafordulási arányra, a konverziókra és végső soron a felhasználói élményre (UX).

    A betöltődési sebesség mára már az egyik legfontosabb rangsorolási tényezővé vált a keresési találatok közötti helyezésünk szempontjából is. Ennek oka, hogy a felhasználók több mint fele már mobileszközökről böngészik, ahol pedig kritikus tényezővé vált a sebesség.

    Cikkünkben bemutatunk 12 tippet és trükköt, melyek segítségével gyorsabbá teheted weboldalad.

    1. Megfelelő minőségű tárhely választása

    Az egyik leglényegesebb lépés, amellyel biztosíthatod az oldalad gyors betöltődését, ha a forgalmának és a méretének megfelelő tárhely szolgáltatót választasz. Sok olcsó, már-már túl jónak tűnő szolgáltató kínálja szolgáltatását, azonban soha ne a tárhelyen spóroljunk.

    2. Tartsd naprakészen oldalad minden elemét

    Minden weboldal, de különösen a nyílt forráskódúak, pl. WordPress, Joomla, Drupal esetében kritikus pont, hogy naprakész legyen a háttér technológia. A HTML, PHP és más webes technológiák egyre újabb verzióit nem véletlenül hozzák létre a fejlesztőik. A javítások és egyre újabb szolgáltatások sok esetben befolyással vannak nem csak a weboldal biztonságára, de a sebességére is. Ezért fontos, hogy oldalunkat mindig naprakészen tartsuk.

    Egy minőségi és jó tárhely szolgáltató a legtöbb esetben gondoskodik a frissítések telepítéséről, automatikussá téve azokat. Azonban soha nem árt ellenőrizni, hogy az adott modul vagy kiegészítő legfrissebb verziójával rendelkezünk-e. Ha pedig nem, akkor frissítsünk.

    3. Megfelelő téma kiválasztása és használata

    A megfelelő téma (template) kiválasztása és használata döntő tényező a weboldal sebessége szempontjából. Sok téma egyszerűen túl sok szolgáltatást és elemet kínál, melyek végül lelassítják az egész weboldalt. A túl sok funkcióval rendelkező témák azért csökkentik a betöltési sebességet, mert egyszerűen túl sok kódot tartalmaznak, melyet mindet be kell tölteni a webhelynek.

    Mindig olyan témát használjunk, ami tartalmazza azokat a funkciókat melyekre szükségünk van a weboldalunkon,. A legjobb ha egy kevés funkcióval rendelkező, könnyű témát használunk és a kívánt plusz funkciókat bővítmények (plugin) használata által biztosítjuk felhasználóinknak.

    4. Rendszeresen tartsuk karban oldalunk adatbázisát

    Ahogy maguk a nyílt forráskódú keretrendszerek is elavulnak és frissítésre szorulnak ahogy telik az idő, nincs másképpen a weboldal adatbázisával sem. Sokszor előfordul, hogy az adatbázis még gyűjti az adatokat a már nem használt és eltávolított bővítményekről. Emiatt nő a mérete, felesleges helyet foglal a tárhelyünkön és egyre több időt vesz majd igénybe a betöltődése. Emiatt megnő az oldalunk betöltődési sebessége, amit már láthattuk, mennyire kritikus a megfelelő felhasználói élmény (UX) szempontjából.

    5. Csökkentsd a kiszolgálói (server) kérelmeket

    A kiszolgálói kérelmekről akkor beszélünk amikor a felhasználó valamilyen feladatot hajt végre az oldalon, és ezáltal a böngésző kérést küld a kiszolgálónak (server) annak végrehajtására. Ez lehet szinte bármi, egy fájl letöltésétől egy kép betöltéséig.

    Minél több kérés érkezik a kiszolgálóhoz a weboldal betöltése, vagy egy feladat végrehajtása során, annál tovább fog tartani az oldal betöltődése. Néhány tanács a kérések minimálisan tartásához:

    • Csökkentsd az oldalon található bejegyzések számát
    • Ne a teljes bejegyzéseket, hanem csak az előképüket jelenítsd meg az oldalon. Minden bejegyzés egy külön oldalon szerepeljen
    • Csökkentsd a weboldalon található képek és multimédiás elemek számát
    • Távolíts el a felesleges bővítményeket (plugin)
    • Kapcsold ki azokat a bővítményeket melyeket nem használsz állandó jelleggel
    • Állítsd be, hogy csak azok az elemek és tartalmak töltődjenek be, melyek éppen láthatóak. Ne töltődjön be egyszerre az egész oldal tartalma
    • Csökkentsd a külső erőforrások, mint például a betűtípusok számát

    6. Optimalizáld a képeket

    Egyre több kép található a weboldalakon és ezek alkotják egy weboldalak jelentős részét. Ez természetes, mivel méretük sokkal nagyobb mint a szövegnek. Ezért a weboldalad betöltési sebességének szempontjából döntő fontosságú, hogy méretük minél kisebb legyen, a minőségük érzékelhető romlása nélkül. Magyarán tömöríteni kell őket.

    A legjobb módszer, ha a képek méretét már szerverre történő feltöltés előtt optimalizálod. Ebben nyújt segítséget például az ingyenesen elérhető TinyPng szolgáltatás.

    Fontos megjegyezni, hogy pl. a WordPress automatikusan számos képet hoz létre a feltöltöttekből, és a legmegfelelőbbet használja a megjelenítés során. Ezeket a verziókat a feltöltött eredetiből hozza létre, azonban ilyenkor először mindig az eredetit méretezi át a megjelenítés előtt, ami nagyon erőforrásigényes feladat. Ennek elkerülése és a weboldal betöltési sebességének növelése érdekében a legjobb, ha mindig olyan méretben töltjük fel a képeket, amelyekben meg fognak jelenni a weboldalon.

    7. Ne tárolj multimédiás tartalmakat, például videókat a weboldaladon

    A legtöbb tartalomkezelő rendszer tökéletesen képes tárolni és kiszolgálni videóidat, azonban ez nem tanácsos. Hacsak nem feltétlenül szükséges, mindenképpen kerüljük el. Nagy mennyiségű sávszélességet foglal le a használata, illetve sok tárhelyet is foglal. Ez például a biztonsági mentések során okozhat lassulást, fennakadást.

    Ráadásul napjainkban már számos nagyon gyors videó kiszolgáló szolgáltatás érhető el (Youtube, Vimeo), amelyek szinte biztos, hogy gyorsabban végzik el a feladatukat, mint a saját tárhelyhely szolgáltatód. Ráadásul a külső szerveren futó videók beágyazása a weboldaladba, nem használják az oldalad erőforrásait a betöltődés során.

    8. Gyorsítótár (Cache) használata

    A weboldalak nagy része (képek, bejegyzések, stb) állandó. A gyorsítótár használata azért fontos, mert így a weboldalad tárolt elemeit, nem kell újra és újra letölteni minden alkalommal amikor a felhasználó meglátogatja weboldaladat, ezért sokkal gyorsabb lesz betöltődési sebesség.

    9. Tartalomszolgáltató hálózat használata (Content Delivery Network)

    Az eddigiekből egyértelműen látható, hogy mennyire is kritikus minden weboldal esetében a betöltési sebesség. Azt tudni kell, hogy fizikailag minél távolabb található a weboldalt kiszolgáló szerver a látogató számítógépétől, annál tovább tart a webhelyadatok továbbítása, ami akár másodpercekben is mérhető növekedést mutathat a távolság növekedésével.

    A tartalomszolgáltató hálózatok (CDN) megoldást nyújtanak erre a problémára oly módon, hogy a weboldalad statikus fájljait (például képek), elosztja és egyszerre tárolja a világ több szerverén is. Ennek segítségével amikor egy felhasználó meglátogatja a weboldaladat, a hozzá legközelebbi helyről fogja a tartalomszolgáltató kiszolgálni ezért a weboldal betöltési ideje a lehető legkedvezőbb lesz.

    Napjainkban már számos kiváló szolgáltatás áll rendelkezésre. Mi az alábbiakat ajánljuk:

    • MaxCDN
    • Amazon Cloudfront
    • Cloudfare

    10. Fájlok összekapcsolása, összefűzése

    Már volt róla szó, hogy a weboldal betöltési sebessége optimalizálható a kiszolgáló felé irányuló kérelmek csökkentésével. Erre jó módszer a letöltött fájlok számának csökkentése oly módon, hogy összekapcsoljuk őket, ezáltal csökkentjük a számukat. Előnye, hogy egy nagyobb méretű fájl letöltése a legtöbb esetben gyorsabb, mint több kisebb méretű letöltése. Ez különösen igaz, ha egyszerre nincs több fájl letöltésére lehetőség.

    11. Gzip tömörítés használata

    A képek méretének optimalizálásáról már volt szó, azonban ugyanez lehetséges a weboldallal is! A weboldal összességében nem más mint számos fájl halmaza. Számos ismétlődés található például magában a HTML kódban, ezért ezek kiválóan alkalmasak az optimalizálásra és tömörítésre.

    A tömörítés használatával csökkent az oldal mérete, így a betöltési sebessége. Minden modern böngésző automatikusan felismeri és kezeli a Gzip tömörítési eljárást, ezért használatával drasztikusan csökkenthető minden weboldal mérete ezáltal sebessége.

    12. Közvetlen elérésű linkek (Hotlink) használatának letiltása

    A hotlinkek közvetlen elérést adnak egy weboldal vagy tárhely fájljához. Ez a gyakorlatban azt jelenti, hogy közvetlen elérést biztosítasz a tárhelyeden található fájlokhoz. Ez egy alacsony látogatottságú oldal esetében nem okoz problémát, azonban ahogy nő a weboldalad látogatottsága és esetleg más weboldalak átveszik a tartalmaidat, a fájlok közvetlen letöltése sávszélességet von el az oldaladtól, ezáltal csökken a sebessége.

    Érdemes megelőzni, és egyszerűen letiltani a más weboldalak számára a weboldaladhoz kapcsolódó közvetlen elérésű linkek használatát.

    Összefoglalás

    A weboldal betöltődési sebessége napjainkban az egyik legfontosabb tényezővé lépett előre a felhasználó élmény (UX) javítása érdekében. Befolyásolja a visszafordulási arányt, a konverziókat, a keresési találatok között elért eredményt is. Már egy másodperc is döntő hatással van a weboldalra.

    Szerencsére sok mindent tudsz tenni weboldalad gyorsítása érdekében és a fent leírt technikák hatékony segítséget nyújtanak weboldalad gyorsabbá tételében.

     

    Oszd meg a gondolataidat