Biztosan ismerős az érzés: rákattintasz a saját weboldalad linkjére, és… csak forog-forog a kis betöltő ikon. Közben azon gondolkodsz, vajon a látogatóid megvárják-e, vagy inkább visszalépnek a Google találati listára – és onnan egy gyorsabb konkurensed oldalára.
Ebben a cikkben átnézzük, mik a leggyakoribb okai a lassú weboldalnak, hogyan tudod kideríteni, hogy nálad pontosan mi a gond, és milyen lépésekkel lehet érezhetően felgyorsítani az oldaladat – technikai varázslás nélkül is.
Mikortól számít lassúnak egy weboldal?
Nem kell webfejlesztőnek lenned ahhoz, hogy lásd: valami nincs rendben a betöltésnél. De mihez tudsz mégis konkrétan igazodni?
- Ha 3 másodpercnél lassabban töltődik be egy oldal, a látogatók jelentős része türelmetlen lesz, és bezárja.
- A Google a rangsorolásnál figyeli a Core Web Vitals mutatókat (ilyen pl. az LCP – legnagyobb tartalmi elem betöltése, az INP – interakcióra adott válaszidő, és a CLS – elugráló elrendezés). Minél rosszabbak ezek az értékek, annál nehezebb jó helyen megjelenned.
De nézzük meg, mi áll a háttérben: mitől tud igazán csigalassú lenni a weboldalad?
1. Óriási, tömörítetlen képek
Ez az 1. számú lassító tényező.
- Teljes méretű, több MB-os fotók az oldalon, amik nincsenek tömörítve
- Nem megfelelően átméretezett képek (pl. 4000×3000 px, de az adott helyen csak 400×300-as méret fér el)
- Nem használsz modern formátumot (WebP, esetleg AVIF), csak régi JPG/PNG
Mit tehetsz?
- Minden képet méretezz át arra a px méretre, amekkorában tényleg megjelenik (ingyenes online eszköz erre pl. meretezdat.hu)
- Tömörítsd őket – ha az átméretezés után is 3-400kB-nál nagyobbak (több WordPress képoptimalizáló bővítmény létezik erre, bizonyos képmennyiség felett azonban fizetősek).
- Használj WebP formátumot, ahol csak lehet – sokkal kisebb fájlméret mellett is szép marad a kép (ezt általában ma már szintén tudják az optimalizáló bővítmények, vagy kevesebb kép esetén online eszközökön is tudod módosítani a formátumot).
Legtöbb esetben már az is hatalmas gyorsulást hoz a weboldalon, ha csak a képek méretét rendbe teszed.
2. Olcsó, túlterhelt tárhely
Sokszor nem a weboldal a „hibás”, hanem a tárhely, amin fut.
Jellegzetes jelek:
- Hol gyors, hol belassul – időszaktól függően.
- Ugyanazon a tárhelyen több weboldalad is van, és mind lassú.
- Csúcsidőkben rosszabb a betöltési idő.
Olcsó megosztott tárhelynél simán előfordul, hogy túl sok weboldal fut ugyanazon az erőforráson, és ez egyszerűen betesz a sebességnek.
Mit tehetsz?
- Érdemes egy megbízható, nagyobb erőforrásokkal rendelkező tárhelyszolgáltatót választani (pl. Rackforest, Elin)
3. Túl sok bővítmény, rosszul megírt kód
Különösen WordPressnél gyakori, hogy évek alatt bizony összegyűlik rengeteg bővítmény, amiből:
- jó pár az idők során már feleslegessé vált,
- némelyik elavult, már nem kap frissítést a fejlesztőjétől
- több is ugyanazt a funkciót látja el, csak kicsit máshogy.
Az oldalon használatban lévő (vagy éppen nem használt, de bekapcsolva maradt) minden bővítmény:
- plusz kódot tölt be, ami
- plusz kérés a szerver felé, ami
- plusz potenciális hibaforrás.
Mit tehetsz?
- Nézd végig, melyik bővítményeket használod ténylegesen. Amit nem használsz: kapcsold ki és töröld.
- Kerüld a „mindent tudó” óriás bővítményeket, ha csak egy kis funkció kell belőlük.
- Ha minden apró módosításra külön bővítményt használtál eddig, lehet, hogy azt ma már tudnád egyszerűsíteni. Vagy egy kisebb kóddal helyettesíteni.
4. Nincs (vagy rosszul van beállítva) cache
A cache lényege, hogy nem minden látogatónál építi fel az oldalad újra a szerver, hanem az előre elkészített változatot szolgálja ki.
Ha nincs cache:
- Minden látogató „frissen” generált oldalt kap, aminek a betöltése időigényes.
- A szerver terheltebb, könnyebben belassul vagy túlterhelődik nagyobb számú egyidejű látogató esetén.
Ha rosszul beállított cache van:
- Előfordulhat, hogy bizonyos részek nem frissülnek időben,
- vagy olyasmit is cache-el, amit nem lenne szabad (prémium tartalom, kosár, fiókoldal stb.).
Mit tehetsz?
- Ha WordPressed van, használj megbízható cache bővítményt, és állítsd jól be – nem elegendő csak bekapcsolni.
- Külön figyelj a webshop oldalakra, kosárra, fizetésre, ezeket általában ki kell venni a cache alól.
5. Túl sok külső szkript, követőkód, chat, térkép
Minden beágyazott külső elem plusz betöltési idő:
- Facebook Pixel, Google Analytics, Hotjar, hírlevél-popup
- Live chat, chatbot, ügyfélszolgálati widget
- Beágyazott Google Térkép, YouTube-videó, Instagram feed
Ezek ma már a legtöbb weboldalon meglévő elemek. Külön-külön talán nem tűnnek vészesnek, de együtt már könnyen lelassítják a weboldalt.
Mit tehetsz?
- Nézd át, tényleg szükséged van-e MINDEN külső kódra. Ami nem hoz érdemi eredményt, azt érdemes kikapcsolni. (Pl. ha évente egy üzenet jön a chat ablakban, vagy éppen nem fut olyan kampányod, aminek a hőtérképét szeretnéd figyelemmel kísérni, akkor ezeket érdemes inkább törölni.)
- Használj késleltetett betöltést (lazy load) például YouTube-videók, térképek esetén.
- A statisztikai scriptjeidet tedd be Tag Manager-be, hogy ne akadályozzák az oldal többi elemét.
6. Elavult rendszer, régi PHP, frissítetlen bővítmények
Ha a weboldalad:
- több éve készült,
- régi sablont használ,
- a PHP verzió a tárhelyen 7.x vagy régebbi,
- bővítmények nincsenek frissítve,
akkor jó eséllyel lassú és sérülékeny is a rendszered.
Mit tehetsz?
- Ellenőrizd a WordPress, sablon és bővítmények verzióját.
- Kérj a tárhelyszolgáltatótól frissebb PHP verziót (általában 8.x ajánlott, feltéve, hogy a bővítményeid tesztelve vannak az adott verzióhoz).
- Ha nagyon régi sablont használsz, elképzelhető, hogy már nem kap frissítést (ezt a sablon weboldalán tudod ellenőrizni), akkor fontos lesz lecserélni, és ezzel egyidőben a weboldalt újragondolni, attól függően, hogy milyen egyéb kiegészítők épülnek jelenleg az elavult sablonra.
7. Dizájn hibák, amik belassítják az oldalt
Nem csak a technika, a dizájn is jelentősen tudja lassítani az oldalt:
- nagy felbontású, automatikusan induló videó a főoldalon,
- diavetítők (sliderek) óriási képekkel,
- rengeteg animáció, parallax, „minden mozog” típusú megoldások,
- túl hosszú, egyoldalas (one-page) felépítésű weboldal, ahol minden tartalomnak egy oldalon kell betöltődnie.
Ezek lehetnek látványosak, de nem a barátaink, ha a gyors betöltésre van szükségünk.
Mit tehetsz?
- Gondold végig: mi az, ami valóban hozzáad az oldal tartalmához, és mit tettél ki csak mert jól néz ki. Ez utóbbiakat érdemes törölni.
- Egy statikus, átlátható hero szekció gyakran többet ér, mint egy trendi slider sok képpel.
- Ha slidert használsz, érdemes mobilon külön elkészíteni a megjelenést (kisebb és kevesebb kép, más képarányok).
- Minimalizáld az animációkat, és használd őket célzottan, nem minden elemre.
Hogyan derítheted ki, mitől lassú a weboldalad?
Nem kell tippelni – vannak ingyenes eszközök, amikkel gyorsan kapsz képet a helyzetről:
- PageSpeed Insights (Google) – külön mutatja a mobil és asztali sebességet, és javaslatokat ad.
- GTmetrix – részletesen listázza, mely fájlok lassítanak, milyen sorrendben töltődnek be.
Amire érdemes figyelned:
- Betöltési idő (load time)
- LCP (Largest Contentful Paint) – mennyi idő, mire a fő tartalom megjelenik
- Először látható tartalom – mennyi idő, mire a látogató „érzi”, hogy az oldal betöltött, és már tud valamit olvasni
Ezek alapján látni fogod, hogy főleg a képek, a szerver, a kód vagy a külső szkriptek lassítják az oldalad.
Mit tudsz azonnal megcsinálni fejlesztő nélkül?
Ha nem akarsz rögtön webfejelsztőhöz rohanni, néhány dolgot te is meg tudsz lépni:
- Képek újratöltése optimalizálva
- Töltsd le a legnagyobb képeket, méretezd át, majd töltsd vissza.
- Kezdd a főoldallal és a legtöbbet látogatott aloldalakkal.
- Felesleges bővítmények kikapcsolása
- Amit nem használsz most aktívan: kikapcsol, töröl.
- Nézd meg, mennyi bővítmény marad, és van-e köztük olyan, ami ugyanazt a funkciót tudja.
- Tárhelycsomag átnézése
- Ha gyakran kapsz „resource limit reached”, „500” hibát vagy időnként megáll az oldal, az intő jel.
- Ez esetben lehet, hogy nem optimalizálásra, hanem erősebb tárhelyre van szükség.
- Külső kódok rendberakása
- Nézd át, milyen chat, pixel stb. fut.
- Ami nem hoz mérhető eredményt, vagy csak ideiglenesen használtad: kapcsold ki.
Mikor érdemes szakembert bevonni?
Vannak helyzetek, amikor a gyorsítás túlmutat pár bővítményen:
- Webshopod van és a kategória-, termékoldalak lassúak.
- Saját fejlesztésű funkciók, egyedi kódok futnak a háttérben.
- Régóta toldozott-foldozott rendszered van, több fejlesztő módosította már, nehezen látod át.
- A PageSpeed javaslatoknál olyan kifejezéseket látsz, mint „render blocking resources”, „defer parsing of JavaScript”, „eliminate critical request chains” – és ezekhez már nem szeretnél egyedül hozzányúlni.
Ilyenkor sokszor az a leggazdaságosabb, ha egy alapos weboldal elemzéssel kezdtek, ahol kiderül:
- mi az, ami gyorsan javítható,
- mi az, ami technikai újratervezést igényel,
- és mikor éri meg inkább újragondolni az egész struktúrát (akár tartalommal együtt), mint tovább foltozgatni.
Ha úgy érzed, hogy Nálad eljött az elemzés ideje, akkor itt tudsz bejelentkezni: Teljeskörű weboldal elemzés (havonta max. 5 weboldal elemzését tudom vállalni). A weboldal elemzési díja a felújítás díjában jóváírásra kerül.
Gyakran felmerülő kérdések
Mitől lesz lassú egy WordPress weboldal?
Leggyakrabban a túl nagy képek, a sok bővítmény, az olcsó tárhely, a rosszul beállított cache és a rengeteg külső script lassítja. Emellett a régi sablonok, elavult PHP verziók és hibás kód is okozhatnak komoly lassulást.
Ha felteszek egy cache bővítményt, az automatikusan felgyorsítja a weboldalt?
Átmenetileg javíthat a helyzeten, de önmagában a bekapcsolása ritkán elég. Sőt még problémákat is okozhat, ha „csak úgy” beállítás nélkül van fent az oldalon. Illetve ha a képek óriásiak, a tárhely túlterhelt vagy minden apró funkcióra külön bővítményt használsz, a cache nem tudja megoldani a sebesség problémádat.
Miért lassabb a webshopom, mint egy általános weboldal?
Mert a webshop rengeteg dinamikus adatot mozgat (kosár, készlet, árak, variációk, kuponok stb.), szűrési feltételeket tölt be a látogató igényei szerint, és ilyenkor több adatbázis-lekérdezés fut a háttérben minden oldal betöltésénél. Itt különösen fontos a jó tárhely, a gondosan válogatott bővítmények és a céltudatos optimalizálás.
Mit tegyek, ha mobilon sokkal lassabb az oldalam, mint gépen?
Ez azért van, mert mobilon gyengébb az eszköz és gyakran lassabb a hálózat is. Itt különösen számít, hogy mennyi kép, videó, animáció tölt be. Érdemes a mobilra külön optimalizálni a legfontosabb oldalaid megjelenését. Gondold át, hogy mik azok a látványelemek, amikre feltétlenül szükséged van az üzeneted átviteléhez, és csak azokat jelenítsd meg a mobilnézetben.
Mennyibe kerül egy weboldal felgyorsítása?
Ez attól függ, milyen állapotban van most az oldalad. Van, ahol pár beállítással és képoptimalizálással már látványos eredményt lehet elérni, máshol viszont komolyabb szerkezeti átalakításra vagy akár weboldal felújításra is szükség lehet. Az első lépés mindenképp az, hogy felmérjük a jelenlegi helyzetet és tisztán lásd, mire van tényleg szükséged.
