Lassú a weboldalad? Így vittük mobilon 28-ról 98 pontra, számokkal

Mi lassította a weboldalunkat

A webraketa.hu-t szeptember elején újrafejlesztettük: új dizájn, új felépítés, új tartalom. Az élesítés napján, szeptember 9-én lemértük a sebességét a Google PageSpeed Insights mobil nézetében. Az eredmény 28 pont lett, asztali gépen 75, ami egy frissen épített oldalnál kijózanító. Nem álltunk meg a pontszámnál: fájlonként lemértük, mi töltődik le a látogató telefonjára, és mennyi ideig tart. Négy fő ok rajzolódott ki.

• Betűtípusok, közel 2 MB-nyi: a főoldal 10 betűtípus-fájlt töltött le, tömörítés és gyorsítótárazás nélkül. Ez többszöröse volt az oldal összes képének.
• Azonnal induló mérőkódok: a Google Tag Manager és a benne lévő címkék (hirdetésmérés, Facebook, hőtérkép, süti-sáv) már az első pillanatban elkezdtek töltődni, és a telefon processzorát foglalták, amikor az oldalnak kellett volna megjelennie.
• Egy nagy, közös stíluslap: minden oldal letöltötte a teljes, 210 KB-os formázási fájlt, pedig a főoldal alig több mint a tizedét használta.
• Hét különálló stíluslap: a böngésző mindegyikre külön várt, mielőtt bármit megmutatott volna.

Ezek közül egyik sem oldható meg egy bővítmény bekapcsolásával. Mindegyik más beavatkozást kért, és mindegyiknél vigyázni kellett, hogy a gyorsítás ne rontson el mást: a dizájnt, a mérést vagy az űrlapokat.

A bizonyíték: képernyőképek dátummal

Az alábbi képek a Google PageSpeed Insights saját jelentései a webraketa.hu főoldaláról. A jelentés tetején mindegyiken ott a létrehozás ideje, így bárki ellenőrizheti, mikor készültek. A képre kattintva teljes méretben is megnézheted.

Előtte, az élesítés napján (2026. szeptember 9.):

Utána (2026. szeptember 24.):

• Mobil: 28 pontról 98 pontra.
• Asztali gép: 75 pontról 100 pontra.
• A fő tartalom megjelenése mobilon: 11 másodpercről 2,6 másodpercre (szeptember 16-i mérés, a javítás előtt és után).

A javítási folyamat lépései

A gyorsítás két nagyobb körben zajlott, szeptember 9. és 16. között, és minden lépés után újramértünk. Nem egy gombnyomás volt: minden területen előbb kiderítettük a valódi okot, aztán javítottunk, aztán ellenőriztük, hogy más nem romlott-e el.

1. Felmérés, fájlonként. A PageSpeed Insights mobil és asztali jelentése mellett saját mérőprogrammal rögzítettük, pontosan melyik fájl mennyi adatot és időt visz el egy átlagos telefonon, lassú hálózaton. Ebből derült ki, hogy nem a képek, hanem a betűtípusok és a mérőkódok a fő tételek.
2. Betűtípusok átalakítása. A régi formátumú betűtípus-fájlokat modern, tömörített formátumra alakítottuk, és csak azokat a karaktereket hagytuk meg, amelyekre egy magyar oldalnak szüksége van. Karakterenként ellenőriztük, hogy az ő és ű betű is megmaradt, mert enélkül a magyar szöveg szétesik. Közben kiderült, hogy egy második fájl ugyanazokat a betűtípusokat újra betöltötte a régi formában, ezt is megszüntettük. A két, az első képernyőhöz szükséges betűtípust előre töltjük, a szervert pedig beállítottuk, hogy a látogató böngészője egy évig megjegyezze őket. Eredmény: közel 2 MB helyett 259 KB.
3. Stíluslapok szétbontása és összevonása. A nagy, közös formázási fájlt oldaltípusonként szétbontottuk, bájtra pontosan, hogy semmi ne vesszen el. Minden oldal csak azt tölti be, amit ténylegesen használ. A mindig szükséges hét fájlt egyetlen fájlba vontuk össze. Az első képernyő (a főoldal és a szolgáltatás-oldalak nyitó része) formázása közvetlenül az oldalba került, így az már azelőtt megjelenik, hogy a többi letöltődne.
4. Mérőkódok késleltetése, úgy, hogy a mérés ne sérüljön. A Google Tag Manager és a benne lévő kódok mostantól a látogató első mozdulatára (görgetés, érintés, kattintás) vagy legkésőbb 3 másodperc után indulnak. A köszönőoldalon viszont azonnal, hogy egyetlen ajánlatkérés mérése se vesszen el. Ez döntés kérdése is volt: ha tovább késleltetjük, a pontszám szebb lenne, de a látogatók egy részéről nem kapnánk adatot.
5. Ellenőrzés minden kör után. Képernyőképeken, képpontra hasonlítottuk össze az oldalt a javítás előtt és után: a vizsgált képeken egyetlen képpont sem változott. Gépi ellenőrzéssel végignéztük mind a 216 oldalunkat, hogy mindegyik megkapja a számára szükséges formázást. Lassú telefont és gyenge hálózatot szimulálva is végignéztük a betöltést, és egy ilyen teszt fogott meg egy rejtett hibát is: gyenge hálózaton a formázás megérkezése előtt a fejléc egy pillanatra kitöltötte a képernyőt. Ezt is javítottuk.

Szeptember 16-án egyetlen nap alatt 53-ról 95 pontra jutottunk mobilon, a fő tartalom megjelenése pedig 11 másodpercről 2,6 másodpercre csökkent. Szeptember 24-én újramérve mobilon 98, asztali gépen 100 pontot kaptunk. A pontszám önmagában nem minden, a látogató türelme számít. De a 11 és a 2,6 másodperc közötti különbséget minden látogató a saját telefonján érzi.

Tanulságok a javítás során

A weboldalunk sebességének javítása során egy váratlan probléma is felmerült. A stíluslapok szétbontása után egy 404-es oldal formázás nélkül maradt. Ennek oka az volt, hogy egy feltételessé tett stíluslapot más sablon is használt, így az adott oldal formázása megszűnt.

Ez a helyzet rávilágított arra, hogy a stíluslapok kezelése során nem elég csupán a teljesítményre összpontosítani. Fontos, hogy minden változtatás után alaposan ellenőrizzük az oldalakat, hogy ne maradjanak rejtett hibák. Az oldalankénti ellenőrzés segített gyorsan azonosítani és javítani a problémát, így a látogatók nem találkoztak formázási hibákkal.

A tanulság az, hogy a weboldal optimalizálása nem csak technikai feladat, hanem folyamatos figyelmet és tesztelést igényel. Az oldalankénti ellenőrzés nemcsak a hibák azonosításában segít, hanem abban is, hogy a felhasználói élmény ne szenvedjen csorbát a változtatások során.

Ez a tapasztalat arra ösztönzött minket, hogy minden jövőbeli módosításnál különös figyelmet fordítsunk az oldalankénti tesztelésre. Így biztosíthatjuk, hogy a látogatók mindig a legjobb élményt kapják, függetlenül attól, hogy milyen technikai változtatásokat hajtunk végre a háttérben.

Önellenőrzés: gyors teszt a laikusoknak

2 perces önellenőrzés: Ha gyorsan ellenőriznéd a weboldalad sebességét, kövesd az alábbi lépéseket.

• Látogass el a pagespeed.web.dev oldalra: Ez az eszköz segít felmérni a weboldalad teljesítményét, különösen mobil eszközökön.
• Válaszd a Mobil fület: Itt megtekintheted a weboldalad mobil teljesítményére vonatkozó pontszámot.
• Nézd meg a pontszámot és az LCP-t: Az LCP (Largest Contentful Paint) mutatja, hogy mennyi idő alatt jelenik meg a fő tartalom. Ha ez 2,5 másodperc alatt van, az jónak számít.
• Figyeld meg a ‘használatlan JavaScript’ sort: Ha itt problémát jelez, érdemes átgondolni, hogy valóban szükségesek-e a betöltött szkriptek.
• Ellenőrizd a ‘betűtípusok’ sort: Túl sok betűtípus használata lassíthatja az oldalt, ezért csak a szükségeseket tartsd meg.

Az önellenőrzés gyors képet ad a weboldalad teljesítményéről, és azonosítja azokat a területeket, ahol javításra lehet szükség. Bár a pontszám hasznos mutató, a látogatók türelme és a valós betöltési idő a legfontosabb szempontok.

Miért nem elég a pontszám önmagában

A weboldal teljesítményének javítása során gyakran a pontszámok bűvöletében élünk, de fontos megérteni, hogy a látogató türelme a legfontosabb tényező. Hiába érünk el magas pontszámot a sebességmérő eszközökön, ha a látogatók nem érzékelik a javulást, vagy ha az oldal tartalma nem felel meg az elvárásaiknak.

Magas pontszám önmagában nem garantálja a jó felhasználói élményt. A látogatók gyakran nem is tudnak a pontszámokról, ők egyszerűen csak egy gyorsan betöltődő, könnyen navigálható oldalt szeretnének látni. Ha az oldal technikailag gyors, de a tartalom nehezen érthető vagy nem releváns, az elérhetőségi pontszámok mit sem érnek.

Egy fontos tapasztalatunk: a PageSpeed pontszáma mérésenként változik, mert a külső szkriptek (mérőkódok, süti-sáv) hol belefutnak a mérés idejébe, hol nem. Szeptember 24-én hat egymás utáni mérésünk mobilon 71 és 88 pont között szórt, ugyanazon a napon egy másik mérés 98-at adott. A fő tartalom megjelenése viszont a hat mérésben egyformán 2,8 másodperc volt. Ezért mi nem egyetlen pontszámot nézünk, hanem több mérést és a valódi betöltési időt, és ezt javasoljuk neked is.

Tehát a technikai optimalizálás mellett a tartalomra is érdemes figyelmet fordítani. A kettő együttesen biztosítja, hogy a látogatók ne csupán gyorsan betöltődő oldalakkal találkozzanak, hanem olyan tartalommal is, amely valóban értéket nyújt számukra. Ez a megközelítés segít abban, hogy ne csak a pontszámok javuljanak, hanem a látogatók is elégedettek legyenek.

Küldd el az oldalad címét, megmérjük

Ha a weboldalad nem teljesít megfelelően, az első lépés, hogy pontosan felmérjük a jelenlegi állapotát. Ehhez használhatod a Google PageSpeed Insights eszközt, ahol részletes képet kaphatsz a sebességről és a teljesítményről.

Ha szeretnéd, hogy szakértői szemmel is megvizsgáljuk az oldalad, küldd el nekünk a címét egy ajánlatkérés keretében. Mi megmérjük a sebességét és részletesen elemezzük a javítási lehetőségeket. Ezáltal pontosan meg tudjuk mondani, milyen lépéseket érdemes megtenni.

A weboldalad sebessége nemcsak a technikai részleteken múlik, hanem azon is, hogy a látogatók számára mennyire kényelmes és gyors a használat. Segítünk megtalálni a legjobb megoldást, hogy a weboldalad gyors és felhasználóbarát legyen. További részletekért és a keresőoptimalizálási lehetőségekért látogass el honlapunkra.