Képzeljünk el egy helyzetet. Egy látogató rákattint egy linkre az oldaladon, és vár. Eltelik két másodperc. Három. A negyedik másodpercre több mint a fele már elment, és nem fog visszatérni. A weboldal sebessége nem valamelyik fejlesztő várólistáján porosodó műszaki gond. Ez az első dolog, amit a látogató megtapasztal, mielőtt egy szót elolvasna, meglátná a logódat, vagy eldöntené, megbízik-e benned. Ez a cikk bemutatja, miért számít a weboldal sebessége a látogatóid, a konverzióid és a keresési helyezéseid szempontjából, mibe kerül neked valójában egy lassú oldal, mit jelent a gyakorlatban az „elég gyors”, és melyek azok a gyakori hibák, amelyek egyáltalán teljesítményproblémákat okoznak.
A weboldal sebessége az az idő, amennyi alatt egy oldal teljesen betöltődik, és használhatóvá válik a látogató böngészőjében. Az oldaladnál nem csak az számít, milyen gyorsnak érződik a saját eszközödön, hanem az is, hogyan teljesít a valódi látogatóknak különböző kapcsolati sebességeknél, helyeken és eszközökön. Az ennek mérésére használt konkrét mutatókról az oldalbetöltési időről és annak méréséről szóló cikkben olvashatsz bővebben.
Miért hagyják el a látogatók a lassú weboldalakat?
Az emberi figyelem nem bőkezű. A látogatók ezredmásodpercek alatt benyomást alkotnak egy oldalról, és ezt a benyomást részben az alakítja, hogy az oldal azonnal reagál-e. Íme, mit mutatnak az adatok arról, hogyan hat a betöltési idő a viselkedésre.
A visszafordulási arányok számai
- Az az oldal, amely 1 másodperc helyett 3 másodperc alatt tölt be, a visszafordulási arány körülbelül 32 százalékos ugrását látja
- 5 másodpercnél ez a szám majdnem megduplázódik, 90 százalékra
- 10 másodpercnél az oldal az érkezett látogatók elsöprő többségét elvesztette
Miért nem várnak a látogatók
A lassú oldal azt jelzi, hogy valami nincs rendben. Lehet, hogy a szerver leállt. Lehet, hogy az oldalt rosszul tartják karban. A látogatók nem nyomoznak. Megnyomják a vissza gombot, és megnyitják a következő találatot. Az oldalad tartalmát, bármilyen erős is, soha nem látják.
A mobil ezt még rosszabbá teszi
A mobilos látogatók még gyorsabban hagyják el azt az oldalt, amely nem töltődik be azonnal. Mivel a mobil eszközök ma a webes forgalom többségét adják világszerte, az az oldal, amely asztali gépen megfelelően, mobilon viszont rosszul teljesít, komoly problémával küzd, amely a közönsége nagy részét érinti.
Mibe kerül egy lassú weboldal a vállalkozásodnak?
A lassú oldalsebességnek mérhető hatása van a bevételre, nem csak a helyezésekre. A hatások a vállalkozás több területén összeadódnak.
A konverziók minden másodperccel csökkennek
- A betöltési idő minden további másodperce átlagosan 4,42 százalékkal csökkenti a konverziós arányt
- Az az oldal, amely havi 1000 látogatót kap, és 3 százalékos arányban konvertál, minden 2 másodperces késésnél 6 konverziót veszít
- Nagyobb léptékben ez a rés hónapról hónapra halmozódik
A látogatók ritkán térnek vissza egy rossz élmény után
- A teljesítményproblémákkal találkozó vásárlók körülbelül 79 százaléka mondja azt, hogy nem fog visszatérni vásárolni ugyanarra az oldalra
- A kár nem korlátozódik egy látogatásra. Hat az élettartam-értékre és a szájról szájra terjedő ajánlásra
A fizetett forgalom kidobott pénzzé válik
Azoknál a weboldalaknál, amelyek hirdetési költésre építenek a forgalom hozásához, a lassú teljesítmény még költségesebb. A fizetett látogatók megszerzése pénzbe kerül. Amikor egy lassú oldal miatt elmennek, mielőtt elköteleződnének, az a hirdetési keret, amelyet elköltöttél, hogy odahozd őket, semmit nem hoz vissza. A fizetett látogatások minden visszafordulása közvetlen pénzügyi veszteség.
A sebesség alakítja az észlelt minőséget
A gyors, reszponzív oldal professzionalizmust sugall. A lassú aláássa a hitelességet, mielőtt a látogató bármit elolvasott volna. A szolgáltatóknál és tanácsadóknál, ahol a bizalom része a vásárlási döntésnek, ez az első benyomás jelentős súllyal bír.
Hogyan befolyásolja a weboldal sebessége a keresési helyezéseidet?
Az oldalsebesség hivatalos rangsorolási tényező. A keresők ezt 2021-ben erősítették meg, amikor az oldalélmény-jeleket, köztük a Core Web Vitals mutatókat, beépítették a rangsorolási algoritmusokba. A sebességet három konkrét mutatóval mérik. Ha megérted, mik a Core Web Vitals mutatók, teljes kontextust kapsz, de itt az áll, hogy mindegyik mit mér, és mely pontszámok számítanak.
Largest Contentful Paint (LCP)
- Mit mér: mennyi idő múlva töltődik be teljesen a legnagyobb látható elem (nyitókép, címsor, nagy szövegblokk)
- Jó pontszám: 2,5 másodperc vagy gyorsabb
- Javításra szorul: 2,5 és 4 másodperc között
- Gyenge: 4 másodperc felett
Interaction to Next Paint (INP)
- Mit mér: milyen gyorsan reagál az oldal a kattintásokra, érintésekre és billentyűbevitelre a teljes látogatás során
- Jó pontszám: 200 ezredmásodperc vagy az alatt
- Javításra szorul: 200 és 500 ezredmásodperc között
- Gyenge: 500 ezredmásodperc felett
Az INP 2024-ben váltotta fel a First Input Delay mutatót, és teljesebb képet ad az interaktivitásról a teljes munkamenetre vetítve, nem csak az első kattintásról.
Cumulative Layout Shift (CLS)
- Mit mér: mennyire mozdul el váratlanul az oldal elrendezése betöltés közben (ugráló szöveg, mozgó gombok)
- Jó pontszám: 0,1 vagy az alatt
- Javításra szorul: 0,1 és 0,25 között
- Gyenge: 0,25 felett
Hogyan pontozzák a keresők az oldalakat
- A pontszámok a tényleges látogatók valós adatain alapulnak, nem csak a sebességeszközök eredményein
- A 75. percentilis szabálya érvényes: a látogatások 75 százalékának kell megfelelnie a „jó” küszöbnek ahhoz, hogy egy oldal megfeleljen
- A mobilos pontszámok nagyobb súlyt kapnak, mint az asztaliak, mióta a mobil-első indexelés általános
A sebesség mint rangsorolási jel a maga helyén
A Core Web Vitals nem írja felül a tartalom minőségét. Egy nagyon releváns, erős linkekkel rendelkező oldal továbbra is megelőz egy műszakilag gyorsabb, de vékony tartalmú oldalt. De ha két versengő oldal hasonlóan releváns és hiteles, a jobb pontszámú kap magasabb helyezést. A versengő területeken a műszaki teljesítmény valódi megkülönböztető tényezővé válik. Tágabb kontextusért olvasd el az SEO-ról szóló cikket.
Mi számít elég gyorsnak?
Abszolút mércék, amelyeket célozz meg
- LCP 2,5 másodperc alatt
- INP 200 ezredmásodperc alatt
- CLS 0,1 alatt
- Teljes interaktivitás 3 másodpercen belül mobilkapcsolaton
Hogyan olvasd a sebességteszt pontszámát
- 90 felett: gyors
- 50 és 89 között: átlagos
- 50 alatt: jelentős teljesítményproblémák, amelyek valószínűleg az élményt és a helyezéseket is érintik
Versenyszempontból az oldalad legalább olyan gyors kell legyen, mint azok az oldalak, amelyek a célkulcsszavaidra előtted szerepelnek. Futtass teszteket külön mobilon és asztali gépen, és a laboratóriumi eredmények helyett inkább a terepi adatokat (valódi látogatói méréseket) nézd.
Mitől lassú egy weboldal?
A teljesítményproblémák szinte mindig ugyanazokra az ismétlődő okokra vezethetők vissza. Ha ismered őket, könnyebb diagnosztizálni, honnan ered a lassulás.
Optimalizálatlan képek
- Egy telefonról származó nagy felbontású fotó könnyen lehet 4 és 8 megabájt közötti
- Ugyanennek a képnek a megfelelően tömörített változata látható minőségvesztés nélkül lehet 100 kilobájt alatt
- Az olyan oldalak, amelyeken több túlméretezett kép van, önmagukban 3 és 5 másodpercet adhatnak a betöltési időhöz
- A képek tömörítése és átméretezése feltöltés előtt általában a legnagyobb hatású elérhető javítás
Lassú szerverválaszidő
- Minden oldalbetöltés egy kéréssel kezdődik a szerver felé
- Ha a szerver lassan válaszol, az egész betöltés késik, mielőtt egyetlen bájt elmenne
- A megosztott tárhelykörnyezetek, ahol az erőforrásokat sok oldal osztja meg, kiszámíthatatlan válaszidőket adhatnak
Megjelenítést blokkoló szkriptek és stíluslapok
- A böngészők szüneteltetik a megjelenítést, amikor olyan CSS- vagy JavaScript-fájlokba ütköznek, amelyeket először fel kell dolgozniuk
- Az oldaltartalom előtt betöltött nagy szkriptfájlok miatt a látogatók üres képernyőt néznek
- A nem kritikus szkriptek halasztása vagy aszinkron betöltése kiveszi őket a kritikus megjelenítési útvonalból
Nincs gyorsítótárazás
- Gyorsítótárazás nélkül minden látogatás az oldal teljes, nulláról való újraépítését váltja ki
- Gyorsítótárazással a visszatérő látogatók egy eltárolt változatról töltenek, ami lényegesen gyorsabb
- A nagy forgalmú oldalaknál a gyorsítótárazás egyszerre csökkenti a betöltési időt és a szerverterhelést
Túl sok harmadik féltől származó szkript
- Az élő csevegő modulok, a követőpixelek és az értékelési jelvények mind egy-egy külső kapcsolódási kérést adnak hozzá
- Ha bármelyik külső szerver lassan válaszol, az oldalad is lelassul
- A fel nem használt harmadik féltől származó szkriptek átvizsgálása és eltávolítása egyszerű módja ennek a többletterhelésnek a csökkentésére
A sebesség egyik összetevője az akadálymentes weboldalnak is, mert a lassú betöltés aránytalanul érinti a lassabb kapcsolaton vagy régebbi eszközökön lévő felhasználókat. Hogy ezek a tényezők hogyan alakítják a látogatói élményt, azt az UX dizájnról és a felhasználói élményről szóló cikkben olvashatod tágabb összefüggésben.
Hogyan kezeli a WEMASY a weboldal sebességét
A WEMASY alapból beépíti a sebességoptimalizálást a weboldalépítőbe, nem választható kiegészítőként kezeli. A tárhelyinfrastruktúra minden csomagban benne van, így az oldalak nem kerülnek alulméretezett megosztott környezetbe. A platformon keresztül feltöltött képeket automatikusan tömöríti és átméretezi. A gyorsítótárazás alapból be van kapcsolva, a WEMASY-val készült oldalakat pedig karcsún tartja, hogy csökkentse a megjelenítést blokkoló problémákat, műszaki beállítás nélkül.
A Core Web Vitals pontszámok láthatók a WEMASY vezérlőpultján, így az oldal tulajdonosai közvetlenül látják, hogyan teljesítenek az oldalaik azokhoz a küszöbökhöz képest, amelyeket a keresők használnak.
Nézd meg, mi tartozik hozzá az egyes csomagokban, a WEMASY weboldalépítőnél, vagy nézd át a csomagokat az árak oldalon.
Gyakran ismételt kérdések
Befolyásolja az oldalsebesség az SEO-helyezéseket?
Igen. Az oldalsebesség megerősített rangsorolási tényező a Core Web Vitals mutatókon keresztül, amelyeket a keresők 2021 óta használnak az oldalélmény-jelek részeként. Azok az oldalak, amelyek a Largest Contentful Paint, az Interaction to Next Paint és a Cumulative Layout Shift mutatóra a „jó” tartományba esnek, rangsorolási előnyt élveznek a rosszul teljesítőkkel szemben, különösen, ha a versengő oldalak tartalmi minősége hasonló. A WEMASY weboldalépítőjével ezt közvetlenül a saját weboldaladon is beállíthatod.
Milyen gyorsan töltsön be egy weboldal?
A Core Web Vitals küszöbe a Largest Contentful Paint mutatóra a jó pontszámhoz 2,5 másodperc vagy gyorsabb. A gyakorlatban a mobilkapcsolaton három másodpercen belüli teljes interaktivitás célzása a valós használati esetek többségét lefedi. A két másodpercen belül betöltő oldalak a legtöbb iparágban megelőzik a mércét.
Mi a leggyakoribb oka annak, hogy egy weboldal lassú?
Az optimalizálatlan képek a lassú betöltés egyetlen leggyakoribb okai. A tömörítés vagy átméretezés nélkül feltöltött nagy felbontású fotók nagy mennyiségű adatot adnak hozzá minden oldalbetöltéshez. A képek tömörítése és az oldalon megjelenítési méretükre átméretezése jellemzően a legnagyobb javulást hozza a legkisebb műszaki ráfordítással.
Fontosabb a weboldal sebessége mobilon, mint asztali gépen?
A keresési helyezések szempontjából igen. A keresők az oldalakat a mobilváltozatuk alapján indexelik és rangsorolják, így a mobilos Core Web Vitals pontszámok nagyobb súlyt kapnak, mint az asztaliak. A mobilkapcsolatok átlagosan lassabbak is, ami azt jelenti, hogy az asztali gépen alig észrevehető teljesítményproblémák jelentősen befolyásolhatják a látogatóid többségének élményét.
Hathat a lassú weboldal az értékesítésre és az érdeklődőkre, nem csak a helyezésekre?
Igen, és gyakran közvetlenebbül, mint a helyezésekre. A konverziós arány a betöltési idő minden további másodpercével átlagosan 4,42 százalékkal csökken. Az a látogató, akinek rossz élménye volt egy lassú oldalon, valószínűleg nem tér vissza. Minden olyan oldalnál, amely a látogatói cselekvésekre épül, legyen az űrlapbeküldés, vásárlás vagy megkeresés, az oldalsebesség mérhető hatással van arra, hogy hány ilyen cselekvés valósul meg.
Hogyan ellenőrizhetem a weboldalam sebességét?
Online elérhetők olyan sebességtesztelő eszközök, amelyek a Core Web Vitals küszöbökhöz mérik az oldalad, és azonosítják a teljesítményt lehúzó konkrét problémákat. Futtass teszteket külön mobilon és asztali gépen, és a valódi látogatók terepi adatait nézd, ne csak a laboratóriumi pontszámokra támaszkodj. Ha a WEMASY-t használod, a Core Web Vitals teljesítmény közvetlenül a vezérlőpulton látható, külső tesztek futtatása nélkül.