A Google kiadott egy dokumentumot, amelyben azt taglalja, miért is fontos a weboldalak gyors betöltődése mobiltelefonokon. A kérdés nagyon is időszerű, hiszen immáron itthon is elérhetőek pl. az ún. AMP oldalak a Google találati listán.
A tanulmány szerint erősen függünk a telefonunktól, rengeteg mindent azon intézünk. Legyen szó szobafoglalásról, vagy tv-műsorról, sok esetben a mobilunkat hívjuk segítségül. Sajnos a mobilos weboldalak annak ellenére nem töltődnek be gyorsan, hogy a hálózatokat folyamatosan fejlesztik. A probléma tanulmányozásához 10 000 domaint vizsgáltak meg, többek között a Webpagetest.org és Google Analytics segítéségével, és megfejtették, hogy mi okozza a nem megfelelő felhasználói élményt – és ezáltal a weboldalak mobilos verziójáról érkező, csökkenő bevételt:
- A webodalak 53%-a nem töltődik be 3 másodpercen belül.
- 4-ből 3 weboldal (77%) több mint 10 mp alatt töltődik be.
- A bevételre hatással lévő számos szempont közül fontos a gyors mobilos nézet: átlagosan 2x annyi bevétel származik egy 5 mp-en belül betöltődő mobilos verzióval elérhető weboldalból, mint egy olyanból, ami csak 19 mp alatt válik láthatóvá.
Tények, érdekességek:
- 2-ből 1 ember elvárja, hogy 2 mp-en belül jelenjen meg egy weboldal a mobilján.
- 19 mp volt az átlag oldal-betöltődési idő a teszt során. Részletesen:
Miért lassú egy weboldal a mobilon?
A három legfontosabb tényező: fájlméretek, elemek sorrendje és a szerver felé küldött kérések száma. pl.: a hirdetések, videók, képek elképesztő módon tudják lassítani a weboldalt.
- A nagy fájlok lassítják a weboldalak mobilos nézetét!
- Egy átlagos mobilos weboldal 2,5 MB. 3G kapcsolattal ez 13 mp-es oldalletöltést eredményez.
- Szerver-lekérések: egy átlagos weboldalon 214-et találtak, ebből csupán 69 tartozott a weboldalhoz. A többi pl. hirdetésekhez kapcsolódó szerver-lekérés volt.
Miért fontos, hogy mobilon is gyors legyen egy weboldal?
Ha 19 mp helyett 5 mp a weboldal mobilos betöltődési ideje, akkor 60%-al több oldalletöltést (ez nagyjából 70%-al növeli az oldalon töltött időt a tanulmány készítői szerint) generál egy látogató, valamint 35%-al csökken a visszaforduló látogatók aránya.
Hogyan készítsünk gyors mobilos weboldalt?
- Csökkentsük a weboldal byte-ban kifejezett méretét.
- Minimalizáljuk a hirdetések számát.
- Időről-időre nézzük át ismét a weboldalt, hogy biztos nem került-e bele lassító tényező.
- Az oldalletöltésnél először a látható elemek betöltődését priorizáljuk.
- Célozzuk meg a max. 50 lekérést és 1000 byte-nyi méretet.
Hasznos eszközök:
- PageSpeed Insights: A Google sebességmérő eszköze. 85+ pont már jónak számít!
- WebPageTest: Ingyenes sebességmérő és elemző eszköz.
- Google Analytics: Ingyenes látogatottsági adatok a Google-től.
- Chrome DevTools: Fejlesztői eszköz.
- Mobile-Friendly Test: A Google eszköze annak megállapítására, hogy a weboldal mobilbarát-e.
Letöltés
A tanulmány letöltése
Elolvasná a legújabb cikkeimet? Iratkozzon fel a bejegyzés értesítőmre!
(azonnal letölthető ajándék: 55 oldalas, "137 weboldal készítés hiba" című tanulmány)