Miért tölt be 8 másodperc alatt a weboldalad (és hány ügyfelet veszítesz emiatt)

Ha a weboldal betöltési sebessége dönti el, hogy egy látogató marad-e vagy elmegy, akkor a 8 másodperces betöltés a gyakorlatban azt jelenti, hogy a látogatók fele eltűnik, mielőtt egyáltalán látná, mit kínálsz. A jó hír: szinte mindig ugyanaz az öt ok áll a háttérben, és az első néhányat tíz perc alatt magad is ellenőrizheted.

Röviden:

• A látogatók több mint 50%-a otthagy egy oldalt, amely 3-4 másodpercnél lassabban tölt be, 8 másodpercnél pedig a többségük elmegy.
• Az 5 gyakori ok: nem optimalizált képek, gyenge tárhely, túl sok bővítmény, hiányzó gyorsítótár és rosszul megírt egyedi kód.
• A Google PageSpeed Insights segítségével 10 perc alatt magad is letesztelheted, telepítés nélkül.

Egy helyzet, amit gyakran látunk Kolozsváron

Egy kis kolozsvári műhely, szép munkákkal és jó ajánlásokkal, azzal keres meg minket, hogy „nem jönnek ügyfelek a weboldalról”. Megnyitjuk az oldalt telefonon, a szokásos mobilhálózaton, és számolunk: az első kép majdnem 9 másodperc után jelenik meg. Addig egy szinte üres képernyő és egy remegő logó.

Senki nem nézi meg a kódot, és nem vonja le a következtetést, hogy „lassú az oldal”. Egyszerűen megnyomja a „vissza” gombot, és megnyitja a következő Google-találatot. A vállalkozás nem egy érvet veszít el — egy ügyfelet, aki el sem jutott odáig, hogy elolvassa az érvet.

Ez a sebesség kényelmetlen része: nem látod azokat az ügyfeleket, akiket elveszítesz. Nem hagynak hozzászólást, nem hívnak fel, hogy „túl lassú az oldalad”. Csendben távoznak. Ezért marad a probléma évekig észrevétlen.

Miért számít ennyire a weboldal betöltési sebessége

Néhány szám, amely folyamatosan visszatér az online viselkedés vizsgálataiban:

• Annak valószínűsége, hogy egy látogató elmegy, több mint 30%-kal nő, ha a betöltési idő 1-ről 3 másodpercre emelkedik.
• 5 másodpercnél a lemorzsolódás majdnem megkétszereződik egy gyors oldalhoz képest.
• 8 másodpercnél már a mobilról érkező látogatók többségéről beszélünk.

És van még egy réteg: a Google a sebességet rangsorolási jelként használja. Egy lassú oldal nemcsak az embereket veszíti el, akik már megérkeztek rá — lejjebb is jelenik meg a találatok között, így eleve kevesebben jutnak el hozzá. Ez kettős veszteség.

Hogyan tesztelheted le saját magad a sebességet 10 perc alatt?

Semmilyen programra és semmilyen technikai tudásra nincs szükséged. Használd a Google PageSpeed Insights ingyenes eszközt:

1. Keress rá a Google-on a „PageSpeed Insights” kifejezésre, és nyisd meg az első találatot (a Google-tól).
2. Illeszd be a weboldalad címét a mezőbe, és nyomd meg az „Analyze” gombot.
3. Várj 20-30 másodpercet.
4. Fontos: külön nézd meg a Mobile és a Desktop fület. A legtöbb ügyfél telefonról érkezik, így a mobil pontszám fontosabb.

Egy 0-tól 100-ig terjedő pontszámot és egy javaslati listát kapsz. Egyszerű értelmezési szabályok:

Ha a mobil pontszám 50 alatt van, már meg is találtad, miért „nem jönnek ügyfelek a weboldalról”.

Egy lassú oldal 5 valódi oka

1. Nem optimalizált képek (messze az első ok)

A leggyakoribb probléma, amit látunk. Egy telefonnal készült fotó 4-8 MB. Ha közvetlenül felteszed az oldalra, a böngészőnek le kell töltenie az összes megabyte-ot, mielőtt bármit megjelenítene. Öt ilyen fotó egy oldalon, és máris 30 MB letöltenivalód van — mobilneten ez hosszú másodperceket jelent.

A megoldás: a képeket a tényleges megjelenítési méretre kicsinyíted, és tömöríted (a modern formátumok, mint a WebP, 60-80%-kal csökkentik a fájlméretet látható minőségromlás nélkül).

2. Gyenge vagy túlzsúfolt tárhely

A néhány eurós olcsó tárhely általában azt jelenti, hogy több száz oldal osztozik ugyanazon a szerveren, ugyanazon az erőforráson. Amikor a szerver elfoglalt, a te oldalad sorban áll. Lehetnek a világ legjobban optimalizált pixeljeid, de ha a szerver lassan válaszol, minden lassan válaszol. Erről bővebben írunk a tárhely-útmutatónkban.

3. Túl sok bővítmény (főleg WordPress alatt)

Minden bővítmény kódot ad hozzá, amit be kell tölteni. Sok oldalon 20-30 bővítmény van, a felük egy rég elfeledett kísérlet maradéka. Mindegyik plusz súly, és gyakran biztonsági rés is — erről a témáról a WordPress-oldal biztonságáról szóló cikkünkben írunk.

4. Hiányzó gyorsítótár

A gyorsítótár leegyszerűsítve azt jelenti, hogy a szerver egyszer előkészíti az oldalt, és azonnal kiszolgálja a következő látogatóknak, ahelyett hogy minden alkalommal újraépítené. Gyorsítótár nélkül minden látogató nulláról dolgoztatja meg a szervert. Ez az egyik legnagyobb sebességnyereség és az egyik leggyakrabban kihagyott lépés.

5. Rosszul megírt egyedi kód

Ritkábban, de valós: egy sietve összerakott oldal, nehézkes kóddal, amely olyan dolgokat tölt be, amelyekre nincs is szükség. Itt már nincs egyetlen megnyomható gomb — kell valaki, aki érti, mi történik a motorháztető alatt. Ezért nyitjuk meg az auditjaink során mindig a technikai részt is, nem csak a PageSpeed fülét.

Mit javíthatsz magad, és mihez kell segítség?

Reálisan:

• Magad is meg tudod csinálni: törlöd a bővítményeket, amelyeket nem használsz, kicsinyíted a fotókat, mielőtt feltöltöd őket.
• Ehhez már szakember kell: átköltözés jobb tárhelyre, a gyorsítótár beállítása, a képek automatikus optimalizálása, a kód kitisztítása.

A jó hír, hogy ha egyszer rendesen megoldják, ezek megoldva is maradnak. Nem havi munka — egyszeri rendberakás, plusz karbantartás.

Gyakori kérdések

Milyen gyorsan kellene betöltődnie az oldalamnak? Mobilon a 3 másodperc alatti az egészséges cél, a 2 alatti pedig kiváló. 4 másodperc felett már láthatóan veszítesz látogatókat. Az a fontos, hogy mennyi idő alatt jelenik meg hasznos tartalom, nem csak a teljes idő.

A PageSpeed alacsony pontszámot ad. Ez baj? Attól függ, mennyire alacsony. Mobilon 50 alatt érdemes most megoldani, mert aktívan veszítesz ügyfeleket és rangsorpozíciót. 50 és 89 között működőképes, de pénzt hagysz az asztalon.

Miért gyors az oldal az én gépemen, de lassú másoknak? Mert a böngésződ már memóriában tartja a képeket (helyi gyorsítótár), és valószínűleg jó az interneted. Egy új látogató, mobilhálózaton, „hidegen” látja az oldalt — pontosan a lassú változatot. Ezért a valódi teszt a mobilos eredmény, nem az, amit te látsz.

Tényleg számít a tárhelyváltás? Gyakran igen — ez az egyik legnagyobb lehetséges sebességugrás, főleg ha egy olcsó, túlzsúfolt tárhelyről váltasz. De önmagában nem oldja meg a nehéz képeket vagy a hiányzó gyorsítótárat; ezek együtt járnak.

Következő lépés

Ha a mobil pontszámod 50 alatt van, és pontosan tudni szeretnéd, az öt ok közül melyik érint téged, csinálunk egy ingyenes weboldal-auditot: lefuttatjuk a teszteket, megnézzük a motorháztető alatt is, és küldünk egy rövid listát arról, mi számít valójában a te esetedben, és mi csak zaj. Szakzsargon nélkül, kötelezettség nélkül. Írj nekünk itt a weboldalad címével, és konkrét észrevételekkel válaszolunk.

— Norbert