A nagy kép miatt lassú a főoldal – mit tegyél, hogy telefonon is gyorsan bejöjjön
Szép a fotó, csak telefonon sokáig jön be. Megnézzük, miért lassítja a nagy kép a főoldalt, és hogyan lehet úgy megoldani, hogy a kép maradjon, de az oldal gyorsuljon.
A nagy kép miatt lassú a főoldal – és ez nem a fotó hibája
Ha a főoldalad lassan jön be telefonon, szinte biztos, hogy nem a fotó a bűnös, hanem az, ahogy a fotót kiszolgálod. Egy modern telefon kamerájával készült kép simán 4-8 MB is lehet, miközben a főoldalon egy ilyen képnek a töredéke is elég lenne. A telefonod előbb letölti az egészet, aztán kicsinyíti – és közben várni kell.
Ezért van az, hogy asztali gépen, gyors wifin még elviselhetőnek tűnik, telefonon mobilon viszont idegesítően lassú. A mobilos net gyengébb, a processzor lassabb, a kép pedig ugyanaz a nagy fájl. A látogató ezt érzi: kattint, és néz egy fehér képernyőt.
A jó hír, hogy ez nem a fotó értékét kérdőjelezi meg. Egy fodrász, éttermes vagy kivitelező főoldalán a kép adja el a hangulatot, azt nem érdemes kidobni. Csak meg kell oldani, hogy a telefon a neki való méretet kapja meg.
Ha nem vagy biztos benne, hol a gond, egy ingyenes weboldal-ellenőrzés pár perc alatt megmutatja, mekkora képek töltődnek be és mennyi idő alatt jön be a főoldal.
Mi történik ilyenkor a háttérben?
A böngésző a főoldal betöltésekor sorban letölti a dolgokat. A legnagyobb, legelső képet hívjuk LCP-nek (Largest Contentful Paint), és a Google erre figyel: ha ez 2,5 másodpercnél később jelenik meg, az már lassúnak számít. Egy túl nagy főoldali kép tipikusan pont ezt a mutatót rontja el.
A másik két Core Web Vitals mutató is sérülhet. Ha a kép mérete nincs előre megadva, a szöveg ugrál, mire a kép bejön – ez a CLS, aminek 0,1 alatt kell lennie. Ha pedig a kép miatt a böngésző sokáig foglalt, az INP (200 ezredmásodperc a küszöb) is romlik, mert a gombokra, menüre lassabban reagál az oldal.
Ezek nem elvont számok. A Google a keresési rangsorban figyelembe veszi őket, a látogató pedig egyszerűen továbblép, ha sokáig kell várnia. Egy helyi szolgáltatónál ez konkrét elveszett hívás vagy ajánlatkérés.
A részletes mutatókról és a javítás menetéről a Core Web Vitals javítás oldalon olvashatsz bővebben.
Mit tegyél a képpel, hogy gyors legyen, de szép maradjon?
A legfontosabb: a főoldali kép ne egyetlen óriási fájl legyen, amit mindenki letölt. A mai megoldás az, hogy a böngészőnek több méretet adsz, és ő kiválasztja a telefonjához illőt. Így a mobilos látogató egy kisebb, gyorsan letöltődő képet kap, asztali gépen pedig a nagyobb, részletesebb jelenik meg.
A formátum is számít. A hagyományos JPEG helyett a modern böngészők jobban kezelik a WebP vagy AVIF formátumot, ami ugyanolyan szépen néz ki, csak kisebb. A képet érdemes a tényleges megjelenítési méretre átméretezni, nem 4000 pixel szélesen feltölteni.
A betöltés sorrendjét is lehet okosan kezelni. A főoldali nagy kép kaphat előnyt, a lentebbi képek viszont csak akkor töltődjenek be, amikor a látogató odagörget – ezt hívják lazy loadingnak. A fő képnél viszont pont az ellenkezője kell: azt minél előbb el kell indítani.
Ha a kép helye fix, adj meg neki szélességet és magasságot, hogy a szöveg ne ugorjon. Ez az a pici dolog, ami a CLS-t lenyomja, és a látogató nem érzi azt, hogy az oldal rendezetlen.
- Tölts fel több méretet ugyanabból a képből, és hagyd, hogy a böngésző válasszon.
- Használj WebP vagy AVIF formátumot a nagy JPEG helyett.
- Mérd át a képet a tényleges megjelenítési méretre, ne tölts fel feleslegesen nagyot.
- A főoldali nagy kép töltődjön előre, a lentebbi képek csak görgetéskor.
- Adj meg szélességet és magasságot a képhez, hogy ne ugorjon a szöveg.
Mikor elég a kép rendbetétele, és mikor kell több?
Ha csak a főoldali kép a gond, a fenti lépések sokat segítenek. De ha az oldal sok képet használ, sok plugin fut rajta, vagy a tárhely lassú, akkor a kép átméretezése önmagában nem hozza meg azt az érzést, hogy „gyors az oldal”. Ilyenkor érdemes az egész oldalt átnézni.
A weboldal gyorsítás során nem csak a képeket nézzük meg, hanem a betöltődő fájlokat, a szkripteket, a tárhely válaszidejét és a mobilos megjelenést is. A cél az, hogy a látogató kattintás után gyorsan lásson valamit, és az ajánlatkérés vagy időpontfoglalás gombja azonnal elérhető legyen.
Ha a főoldaladon most is sok a nagy kép, és nem tudod, melyik mit okoz, a technikai SEO audit pontosan megmutatja, melyik fájl mennyi időt visz el. Utána lehet priorizálni, nem kell vakon mindent átírni.
A gyors oldal mellé egy éjjel is válaszoló segítő
A sebesség az első lépés, de a látogató attól lesz ügyfél, ha választ is kap. Ha valaki este nézi meg a fodrászod, éttermed vagy szolgáltatásod oldalát, egy AI ügyfélszolgálati agent akkor is válaszol, amikor te már nem vagy gépnél.
Ez az agent a meglévő oldaladra kerül, és nem csak beszélget: időpontot és ajánlatkérést készít elő, hogy reggelre legyen mit visszaigazolnod. Webshopnál a termékek közt segít, szolgáltatónál az árakról, elérhetőségről, munkavégzésről ad pontos választ.
Ha érdekel, hogyan illik ez a mostani oldaladhoz, az AI agent csomagok oldalon látod a lehetőségeket. Az árakról pedig az AI agent árak oldalon tájékozódhatsz, hogy tudd, mivel számolj.
Ne a fotó legyen a bűnbak – a rossz kiszolgálás a gond
A legtöbb kisvállalkozói oldalnál nem az a baj, hogy szép nagy kép van a főoldalon, hanem hogy ugyanaz a nagy fájl megy ki mindenkinek. Pedig a telefonos látogatók többsége ma már kisebb kijelzőn, gyengébb neten nézi meg az oldalt.
A képet tehát nem kidobni kell, hanem okosan kiszolgálni. Ha ezt megteszed, a főoldal gyorsan bejön, a látogató nem unja meg a várakozást, és a szép fotó is megmarad.
Ha pedig szeretnéd, hogy ezt egyben, szakszerűen csináljuk meg, kezdd az ingyenes weboldal-ellenőrzéssel, és onnan már látod, mi a következő lépés.
Ha most építenél új oldalt, eleve gyorsra tervezzük
Ha a mostani oldalad amúgy is elavult, és a kép csak a jéghegy csúcsa, akkor lehet, hogy nem javítgatni érdemes, hanem új oldalt csinálni. A weboldal készítés során eleve úgy építjük fel a főoldalt, hogy a kép gyorsan betölthető legyen, és az ajánlatkérés vagy időpontfoglalás gombja mobilon is kézre essen.
Az árakról a weboldal készítés árak oldalon tájékozódhatsz. Ha pedig a mostani oldaladon csak a sebességet kell rendbe tenni, a cikk végén a gomb a gyorsítási szolgáltatásra visz.
Gyakori kérdések
Tényleg kidobni kell a szép nagy fotót a főoldalról?
Nem. A képet meg lehet tartani, csak több méretben és modernebb formátumban kell kiszolgálni, hogy a telefon a neki megfelelőt kapja meg. Így a látogató ugyanazt a hangulatot látja, csak gyorsabban.
Honnan tudom, hogy a kép miatt lassú az oldal?
Egy ingyenes weboldal-ellenőrzés megmutatja, mekkora képek töltődnek be, mennyi idő alatt jön be a főoldal, és melyik elem viszi el a legtöbb időt. Ebből már látszik, hogy a kép vagy más a gond.
Mennyi idő alatt kell bejönnie a főoldali képnek?
A Google szerint a legnagyobb, legelső képnek 2,5 másodpercen belül meg kell jelennie, ez az LCP küszöbe. Ha ennél lassabb, érdemes a képet és a betöltést rendbe tenni.
A gyorsítás után is kell foglalkozni az oldallal?
Igen, érdemes rendszeresen figyelni, mert egy új feltöltött kép vagy egy frissítés visszahozhatja a lassulást. Erre való a karbantartás és a SEO monitoring, hogy ne csússzon vissza a sebesség.