Miért kritikus az oldalsebesség? Hogyan tesztelje és javítsa a sajátját

Miért kritikus az oldalsebesség?

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:

Az oldal sebessége és a visszafordulási arány

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:

Digitális hirdetési kiadások 2017 és 2022 között

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 mobil felülmúlja az asztali nézetek diagramját

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:

Gyorsított mobiloldalak (AMP)

A ... val Instapage AMP builder, 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

AMP-gyorsított mobiloldal-hitelesítés

Gyorsított mobiloldal (AMP) érvényesítése

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 az Instapage segítségével

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:

oldalsebességű betekintést

A pontozás két paraméteren alapul:

  1. 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)
  2. 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:

gondolkodj a google-val teszteld a webhelyemet

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.

Mit gondolsz?

Ez az oldal Akismet-et használ a levélszemét csökkentése érdekében. Ismerje meg, hogyan dolgozik a megjegyzésed.