Miért kritikus az oldalsebesség? Hogyan tesztelje és javítsa a sajátját
A legtöbb webhely a lassú oldalsebesség miatt elveszíti látogatóinak mintegy felét. Valójában az átlagos asztali weboldal visszafordulási arány 42%, a mobil weblapok átlagos visszafordulási aránya 58%, a kattintás utáni átlagos visszafordulási arány pedig 60 és 90% között mozog. A számok semmiképpen sem hízelgőek, különösen, ha a mobilhasználat folyamatosan növekszik, és napról napra egyre nehezebb vonzani és megtartani a fogyasztók figyelmét.
A Google szerint az oldal átlagos betöltési ideje legnépszerűbb céloldalakmég mindig a lomha 12.8 másodperc. Ide tartoznak azok a helyek is, ahol a mobil internet-hozzáférés elterjedt, és a 4G sebesség a világon az egyik legnagyobb.
Ez az átlagos oldalsebesség túl hosszú, tekintve, hogy a felhasználók 53% -a mindössze 3 másodperc elteltével hagyja el az oldalakat - és onnan csak rosszabb lesz:
Akkor mi a jó oldalbetöltési sebesség? Közel azonnali.
Szerencsére van megoldás. Mielőtt azonban erre eljutnánk, derítsünk ki többet az oldalsebesség fontosságáról.
Miért számít az oldalsebesség
Az eMarketer azt mutatja, hogy 2019-ben a globális digitális hirdetési kiadások meghaladják a 316 dollárt milliárd és csak belátható időn belül növekszik:
Nyilvánvaló, hogy a márkák hatalmas összegeket költenek hirdetésekre, és arra számítanak, hogy a lehető legtöbbet hozzák ki a költségvetésből. De amikor az emberek rákattintanak egy hirdetésre - és a kattintás utáni céloldal nem sikerül azonnal betölteni - valószínűleg néhány másodpercen belül visszakattintanak, és ennek következtében a hirdetők költségvetése pazarolható.
Az oldalsebesség költségvonzata óriási, és mindenképpen prioritássá kell tennie az oldalsebességet. Íme néhány mutató és szempont, amelyet figyelembe kell venni saját digitális hirdetési kampányai értékelésekor:
Minőségi pontszámok
A lassú oldalbetöltések nemcsak a frusztrálást okozzák a felhasználók számára, hanem a minőségi pontszámokat is károsítják. Mivel a minőségi mutató közvetlenül kapcsolódik az Önéhez hirdetési rang, és végül, amit minden egyes kattintásért fizethet, a lassan betöltődő oldal természetesen csökkenti a pontszámokat.
átváltási árfolyamot
Ha kevesebben várakoznak arra, hogy az oldal betöltődjön, akkor kevesebb ember kap lehetőséget a konverzióra. Elhagyják az oldaladat, mielőtt még látnák az ajánlatodat, az előnyeidet, a cselekvésre ösztönzést stb.
A kiskereskedelemben például még a egy másodperces késés mobil töltési időkben akár 20% -kal is befolyásolhatja a konverziós arányokat.
Mobil élmény
2016 felénél a mobil webhasználat átadta az asztali forgalmat:
A fogyasztók költekezésével több idő mobilon, a marketingesek és a hirdetők kénytelenek voltak (és még mindig kénytelenek) alkalmazkodni. A kézbesítés egyik módja mobilra optimalizált kampányok gyorsan betöltődő oldalak létrehozása.
Ezzel eljutottunk az első számú oldalsebesség-megoldáshoz, amely ezeket a kérdéseket megoldja.
Az AMP céloldalai növelik az oldal sebességét
AMP, a nyílt forráskódú keretrendszer A 2016-ban bevezetett módszer lehetővé teszi a hirdetők számára, hogy villámgyors, sima betöltésű mobil weboldalakat hozzanak létre, amelyek mindenekelőtt a felhasználói élményt helyezik előtérbe.
Az AMP-oldalak vonzóak a hirdetők számára, mert szinte azonnali betöltési időt biztosítanak, ugyanakkor támogatják a stílus és a márka testreszabhatóságát. Lehetővé teszik a kattintás utáni gyorsabb megjelenítést, mert korlátozzák a HTML / CSS és a JavaScript használatát. Ezenkívül, a hagyományos mobil oldalakkal ellentétben, az AMP-oldalakat a Google AMP-gyorsítótár automatikusan tárolja a gyorsabb betöltési idők érdekében a Google-keresésben.
A kattintás utáni optimalizálás vezetőjeként az Instapage lehetőséget kínál kattintás utáni céloldalak létrehozására az AMP keretrendszer segítségével:
Aktivitáskövető Instapage AMP -készítő, marketingszakemberek és hirdetők:
- Hozzon létre AMP kattintás utáni céloldalakat közvetlenül az Instapage platformról, fejlesztő nélkül
- Érvényesítés, A / B teszt és AMP-oldalak közzététele a WordPress vagy egy egyéni tartományban
- Jobb mobilélményt nyújt, növeli a minőségi mutatókat és több konverziót ér el
Az Eargo forradalmi hallókészülék-vállalat hihetetlen eredményeket ért el azóta, hogy az AMP-t beépítette kattintás utáni tapasztalatába:
AMP céloldalak Instapage szolgáltatással
Az AMP-oldalak Instapage segítségével történő építésén kívül számos más módon is javíthatja az oldal sebességét. Itt van három közülük a kezdéshez.
3 Az oldalsebesség javításának egyéb módjai
1. Használja ki az oldalsebesség-eszközöket
PageSpeed Insights a Google sebességtesztje, amely 0 és 100 pont között értékeli az oldaladat:
A pontozás két paraméteren alapul:
- A hajtás feletti betöltésig eltelt idő (az az összes idő, amely alatt egy oldal a hajtás feletti tartalmat jeleníti meg, miután a felhasználó új oldalt kért)
- A teljes oldal betöltéséig eltelt idő (az az idő, amely a böngészőnek egy oldal teljes megjelenítéséhez szükséges, miután a felhasználó kéri)
Minél magasabb a pontszáma, annál optimalizáltabb az oldala. Alapszabály, hogy 85 felett bármi azt jelzi, hogy az oldala jól teljesít. 85-nél alacsonyabb, és meg kell vizsgálnia a Google által a pontszám növelése érdekében tett javaslatokat.
A PageSpeed Insights jelentéseket nyújt az oldal asztali és mobil változatáról, valamint ajánlásokat kínál a fejlesztésekre.
Gondolj a Google-val: Teszteld a webhelyemet, amelyet a PageSpeed Insights csapata indított el, csak a mobil oldalak sebességét teszteli, szemben a mobilokkal és az asztali számítógépekkel egyaránt. Ez egy másik mutató arra, hogy az oldalak milyen gyorsan (vagy lassan) töltődnek be:
Ez az eszköz megjeleníti a betöltési időt, egyéni ajánlásokat nyújt webhelye egyes oldalainak felgyorsítására, majd lehetőséget nyújt a teljes jelentés létrehozására.
2. Teljesen optimalizált képek (tömörítés)
A képek tömörítéssel történő optimalizálása, átméretezése, formázása stb. Hozzájárulhat a bájtok megtakarításához, az oldal betöltési idejének felgyorsításához és a mobil webhelyek teljesítményének javításához. Között egyéb legfontosabb ajánlások, A Google azt mondja, hogy távolítsa el a felesleges nagy felbontású képeket és GIF-fájlokat, és lehetőség szerint cserélje le a képeket szöveggel vagy CSS-sel.
Ezenkívül a tömörített és átméretezett képek kiszolgálása ma már könnyebb, mert ezek a beállítások automatizálhatók. Például több száz képet átméretezhet és tömöríthet automatikusan egy szkript segítségével, ezzel csökkentve a kézi munkát (AMP-oldalak készítésekor az egyedi képcímkék sok ilyen optimalizálást tesznek automatikusvá).
Az optimális képformátum kiválasztása nehéz lehet, mivel sok rendelkezésre álló lehetőség áll rendelkezésre. Minden a használati esettől függ, de itt vannak a leggyakoribbak:
- WebP: Fényképészeti és áttetsző képek
- JPEG: Átláthatatlan fotók
- PNG: Átlátszó háttérrel
- svg: Méretezhető ikonok és alakzatok
A Google azt javasolja, hogy kezdje a WebP-vel, mert 30% -kal nagyobb tömörítést tesz lehetővé, mint a JPEG, a képminőség romlása nélkül.
3. A hajtás feletti tartalom rangsorolása
A felhasználó felfogásának javítása a webhely sebességével közel ugyanolyan fontos, mint maga a webhely sebességének javítása. Ezért a képek optimalizálása után gondoskodnia kell arról, hogy a képek pontosan a megfelelő pillanatban kerüljenek kiszállításra.
Fontolja meg ezt: Mobileszközön a webhely látható része kis területre korlátozódik, hajtás felett. Ennek eredményeként lehetősége van arra, hogy gyorsan betöltse az adott terület tartalmát, míg a hajtás alatti többi elem a háttérben tölthető le.
Megjegyzés: Az AMP egyedivé tételét az segíti, hogy beépített elsőbbségi erőforrás-betöltést biztosít, biztosítva, hogy először csak a legfontosabb erőforrásokat töltse le.
Kihívás lehet egy webhelyen a képek számának csökkentése - különösen a kiskereskedelmi márkák esetében, sok termékkel együtt -, de még mindig kritikus fontosságú, hogy a képeknek a betöltési időre gyakorolt hatását legalább ezzel a három taktikával minimalizáljuk.
Növelje az oldal sebességét az AMP segítségével
Ha a mobiloldalak magas visszafordulási arány és alacsony konverziós arány miatt szenvednek a lassú oldalbetöltési sebesség miatt, akkor az AMP-oldalak lehetnek a megtakarítások.
Kezdje el létrehozni a kattintás utáni AMP-oldalakat, hogy gyors, optimalizált és releváns mobil böngészési élményt nyújtson látogatóinak, és közben javítsa minőségi mutatóit és konverzióit.