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

Olvasnál még ilyen cikkeket? Iratkozz fel a bejegyzés értesítőmre!