9 legjobb valódi felhasználói megfigyelő eszköz a felhasználói élmény javítására

Ha képet szeretne kapni a RUM-ról (Real User Monitoring), képzelje el, hogy webhelye egy hangyafarm, a felhasználók pedig a hangyák. A RUM megtisztítja a gazdaság falait, így pontosan láthatja, honnan jönnek a felhasználók, mit csinálnak, milyen problémáik vannak, és mennyi ideig tart, amíg kapcsolatba lépnek az Ön webhelyével.

Röviden, a RUM képet ad arról, hogy webhelye milyen felhasználói élményt kínál.

Ez egy valódi felhasználói interakciókon alapuló tesztelési technika. A RUM figyeli a tényleges felhasználókat, és teljesítményadatokat rögzít a kulcsfontosságú mutatók, például a tranzakciós útvonalak, a válaszkészség és az oldalbetöltési idők kialakításához. A tesztelőeszközök valós időben elemzik a felhasználók tapasztalatait, és megfigyelik a webhelyekkel vagy alkalmazásokkal való interakcióikat.

Miért fontos a RUM?

Nézzük újra a hangyafarmot: szívesen nézed a hangyáidat, ezért mindent megtesz, hogy kényelmessé tedd őket. A webhely látogatóinak is kényelmesnek kell lenniük tartózkodásuk alatt. De a hangyákkal ellentétben a farmon könnyen eltűnhetnek, ha nem érzik jól magukat. Ezért fontos, hogy tudja, hogyan érzik magukat, hogy a lehető leghosszabb ideig navigálhassanak az oldalain.

A RUM adatokat kap a webhelyével interakcióba lépő tényleges felhasználókról, ellentétben a szintetikus megfigyelési technikákkal, amelyek automatizált eszközöket vagy robotokat használnak, amelyek tervezett módon imitálják a felhasználói műveleteket, és ezek alapján kapnak eredményeket. Mindkét megközelítés eltérő képet ad a webhely viselkedéséről, ezért a felhasználói élményt befolyásoló problémák jobb megértése érdekében az ideális eszközöknek és technikáknak kombinálniuk kell a valódi felhasználói és a szintetikus megfigyelést a teljes kép megjelenítéséhez.

Emelkedő trendek

A végrehajtásához a Felfelé ívelő RUM, csak ki kell másolnia és be kell illesztenie egy kódrészletet weboldalaira. Ha ezt megtette, az Uptrends szkript elkezdi gyűjteni az adatokat a felhasználók tapasztalatairól. Ezek az adatok egy sor RUM-irányítópultot tartalmaznak, amelyekhez azonnal hozzáférhet, és ellenőrizheti a legfontosabb mutatókat, például az oldalhasználatot, az országonkénti teljesítményt, a böngészőhasználatot stb.

Az Uptrends felügyeleti megoldás egyesíti a tényleges felhasználók adatait a szoftverük által végzett szintetikus megfigyelési tesztek eredményeivel. Az Uptrends szintetikus megfigyelése meghatározott időközönként csatlakozik a 209 világméretű helyszín egyikéről az Ön webhelyére, interakciókat hajt végre, és eredményeket gyűjt. A kombinált eredmények teljes képet adnak webhelye általános állapotáról és teljesítményéről.

Megtekintheti webhelye teljesítményét a felhasználók szemszögéből, és betekintést nyerhet ezeknek a felhasználóknak a profilalkotásába az internetes elemzési eszközök, például a Google Analytics segítségével. Az adatok percek alatt láthatóvá válnak az irányítópultokon, így az összes oldalnézetből összegyűjtve a teljes képet láthatja.

Bumeráng

JavaScript-könyvtárként valósítva meg, Bumeráng A RUM méri az oldalak betöltési idejét, a teljesítménymutatókat és a felhasználók böngészési élményének általános jellemzőit. Az eszköz beállításához mindössze annyit kell tennie, hogy belefoglalja a könyvtárat az oldalaiba, és meghív egy init metódust. A könyvtár telepítése után a RUM adatok elkezdenek áramolni a kiszolgálóra további elemzés céljából.

  Mit jelent az „ICYDK”, és hogyan kell használni?

A „megfigyelő effektus” elkerülése érdekében (a kísérlet eredményeit pusztán megfigyeléssel befolyásolni) a Boomerang célja az, hogy az oldalak betöltési idejének növelése nélkül futtasson. A szkriptjei aszinkron módon tölthetők be, így még ha a boomerang.js nem is elérhető, a szkriptek nem késleltetik az oldal betöltését.

A Boomerang nyílt forráskódú, ezért nem kell díjat fizetni. Csak töltse le a GitHub tárolójából, telepítse a részletes utasításokat követve, és kezdje el figyelni a felhasználókat. Arra ösztönözzük Önt, hogy járuljon hozzá a Boomerang fejlesztéséhez, bővítmények hozzáadásával és a különböző igényekhez való igazításával. Kiterjedt plugin architektúrával rendelkezik, és képes együttműködni a hagyományos, klasszikus és modern webhelyekkel, beleértve az egyoldalas alkalmazásokat is.

Fogópont

Az ideális megfigyelési megoldás nem hagyhat észrevétlenül egyetlen holtteret sem.

Pontosan ez az Fogópont A végfelhasználói felügyeleti megoldás ígéri. Ha heterogén környezeteket, például felhőt, mobilt és IoT-t kever, a hibapontok szaporodni kezdenek. Mindeközben a végfelhasználók gyors oldalbetöltési időt várnak el a mindig elérhető eszközökön, Önnek pedig teljes áttekintésre van szüksége a felhasználók szemszögéből, hogy javítsa élményeiket és gyorsan megoldja a problémákat.

Többet tesz, mint csupán adatokat gyűjt és megjeleníti az irányítópultokon. Beállít egy riasztási rendszert, amely környezetfüggő figyelmeztetéseket küld, ha a teljesítmény a várt szintről csökken. A műszerfalai algoritmus-alapúak, ami azt jelenti, hogy megmutatják, honnan erednek a problémák. Előzményadatokat és nem összesített adatokat is mutatnak, így nem marad le a fontos részletekről.

Amikor módosít egy alkalmazást, ezek a változtatások nem mindig eredményeznek jobb válaszidőt vagy nagyobb megbízhatóságot. A Catchpoint figyelése segít modellezni és ellenőrizni a teljesítményt az új kiadások a/b tesztjei során, megtekintve a valódi felhasználók által meglátogatott oldalak kérésszintű részleteit.

Raygun

A felhasználók minden eddiginél jobban értékelik az idejüket: 40%-uk elhagyja a webhelyet, miután 3 másodpercet vár az oldal betöltésére. Ezért gyors élményben kell részesítenie őket, fel kell fedeznie és fel kell oldania a teljesítményben tapasztalható szűk keresztmetszeteket. Ehhez Raygun hasznos adatokat kínál valós felhasználói munkamenetekből, lehetővé téve annak diagnosztizálását, hogy miért lehet rossz tapasztalatuk.

Segítségével javíthatja a felhasználói élményt, több értékesítést érhet el, és javíthatja a kezelőfelület teljesítményét.

A Raygun segítségével világosan láthatja, hogy ki használja az alkalmazást, és milyen konkrét problémákkal találkozik. Megtekintheti az egyes felhasználók munkameneteit, azonosítva a problémás területeket és azok lehetséges megoldásait. Az eszköz automatikusan észleli a front-end teljesítményproblémákat is, amelyek frusztráló betöltési időt okozhatnak. Ha visszakeresi a felhasználók webhelyén való navigálás során megtett útvonalakat, elemezheti, hol találtak hibákat, hol tartott túl sokáig az oldalak betöltése, vagy hol egyszerűen félbehagyták a munkamenetet.

Pingdom

Pingdom Az egységes, holisztikus RUM platform figyelemmel kíséri a felhasználók tevékenységét, hogy kizárja a találgatásokat, és döntéseket hozzon a tényleges látogatói adatok alapján. A Pingdom segítségével történő figyelés megkezdéséhez csak egy kis JavaScript-részletet kell hozzáadnia oldalaihoz, amely alig növeli a teljesítményt.

  A Memoji matricák használata iPhone-on és iPaden

Azonnal látni fogja, hogy látogatói adatai hogyan viszonyulnak a platformokhoz, országokhoz és böngészőkhöz, függetlenül attól, hogy csak egy tucat vagy több mint egymillió.

Megadhatja azt az URL-t, ahonnan a Pingdom adatokat gyűjt, és a várható elégedettségi paramétereket. Az átfogó megjelenítési lehetőségek segítségével megértheti, hogy a teljesítmény változásai hogyan befolyásolhatják a látogatók élményét. Így időben intézkedhet, még mielőtt az üzleti tevékenységét érintené.

Függetlenül attól, hogy webhelye egy vagy ezer oldalas, a Pingdom RUM segítségével elemezheti, hogy a látogatók hogyan élik meg ezeket. A RUM oldalcsoportosítási funkciója összesített adatokat kínál, amelyek a hasonló oldalak teljesítményadatait mutatják.

Az árazási tervek havi 42 dollártól indulnak a standard szolgáltatásokért, és havi 228 dollárig terjednek a professzionális funkciókért. Ez a díj nem csak a RUM-ot tartalmazza, hanem a szerverfigyelést, a riasztást és a tranzakciófigyelést is, egyebek mellett.

Rapidspike

Egy könnyű, testreszabott RUM-szkriptre van csak szüksége a beállításhoz A Rapidspike RUM figyelése. Ezt a szkriptet biztonságos kapcsolaton keresztül szolgálják ki, így nem kell aggódnia a sebezhetőségek miatt. A telepítés után a RUM-monitor elkezdi gyűjteni a forgalom mennyiségét és az oldalbetöltési sebességet a látogatóktól, azonosítva a földrajzi helyet, a böngészőt és a használt eszközt.

A valós felhasználóktól származó élő adatok rögzítésével valós időben azonosíthatja a teljesítményproblémákat, és optimalizálhatja webhelye potenciálját, függetlenül a felhasználó helyétől és technológiájától.

Grafikonok és táblázatok csomagja lehetővé teszi a létfontosságú forgalmi mutatók elemzését, amelyek pontos teljesítményadatokat mutatnak. Ezek a számok a felhasználói letöltési időket mutatják hálózati, szerver- és böngészőletöltési időkre bontva, jelezve, hogy hol kell megoldani a késleltetési problémákat és kiküszöbölni a szűk keresztmetszeteket. Az eredmények oldalanként specifikusak, hogy segítsenek a webhelyén belüli egyes oldalak mélyreható elemzésében.

Rugalmas

Ha már elhelyezi a rendszermutatókat az Elasticsearch szolgáltatásban, akkor kibővítheti ezt az alkalmazási mérőszámokra a következővel Rugalmas nyílt forráskódú APM (alkalmazásteljesítmény-figyelő) eszköz.

Az APM hatóköre szélesebb, mint a RUM, mert célja az alkalmazások rendelkezésre állásának növelése és a leállások csökkentése a szűk keresztmetszetek azonosításával. Az Elastic dedikált felhasználói felülete segítségével könnyedén elvégezheti ezt a munkát, és a kódszintű problémás változtatások megoldására koncentrálhat. Ennek eredményeként az alkalmazások teljesítményének és felhasználói élményének javítása mellett továbbfejlesztett és hatékonyabb forráskódot, valamint csökkentett fejlesztési-tesztelési-telepítési ciklust kap.

Az elosztott nyomkövetés használatával az Elastic lehetővé teszi a tranzakciók összefűzését, hogy megértse, hogyan működnek teljes mértékben a szolgáltatások. Lehetővé teszi a szolgáltatáshívások megjelenítését, észlelheti a késleltetési problémákat, és azonosíthatja az optimalizálandó összetevőket. Az Elastic APM-eszközökkel összegyűjtött teljesítménymutatókat a rendszer elküldi az Elasticsearch-nek, hogy megjelenítse azokat a Kibana előre konfigurált irányítópultjain keresztül.

Az Elastic gépi tanulási funkciókat használ a rendellenes válaszidők proaktív módon történő észlelésére. Az e-mailben vagy a Slackben küldött figyelmeztetések naprakészen tartják a kód teljesítményét, anélkül, hogy folyamatosan az irányítópultokat kellene bámulnia. Az Elastic APM használatának megkezdéséhez regisztrálnia kell az Elastic Cloudban, és be kell állítania egy APM-kiszolgálót néhány egyszerű lépést követve. Az árazási tervek lehetővé teszik, hogy csak fizessen a szükséges erőforrásokért, és a kívánt módon telepítse azokat.

  A Gnome Shell billentyűparancsainak testreszabása

SpeedCurve

SpeedCurve számos összehasonlítási dimenziót ad a felhasználókról gyűjtött adatokhoz. Például lehetővé teszi, hogy megtekinthesse, melyik versenytársa gyorsabb, mint Ön a tartalomszolgáltatás során, és összehasonlítja a szintetikus adatokat a RUM-mal, hogy teljes képet mutasson. Az internetes teljesítmény és a felhasználói élmény korrelációja révén az elköteleződési diagramok megérthetik, hogy az oldalak lassulása milyen hatással van webhelye visszafordulási arányára.

Az eszköz könnyen beállítható, és nagyszerű vizualizációkat generál, például egymás melletti videókat és filmszalagokat, amelyek segítségével bizonyíthatja álláspontját csapattársai előtt. Bármilyen kívánt mutatót nyomon követhet, beleértve a konverziós arányokat és a kosár méretét, valamint az A/B tesztek eredményeit. Az oldalbetöltési idők részletes áttekintése érdekében a SpeedCurve segítségével mérheti az egyes oldalelemek megjelenítési sebességét, így pontosan tudja, mikor jelenik meg a legfontosabb tartalom.

A Google Lighthouse-szal és a PageSpeed ​​Insights-szal együttműködve a SpeedCurve teljesítményszabályok listáját kínálja, amelyeket bejelölhet a felhasználói élmény javítása érdekében. A SpeedCurve Deploy API-t a folyamatos integrációs folyamat részeként használhatja, és automatikusan nyomon követheti a kódváltások hatását az egymást követő üzembe helyezések között.

Sematext

Sematext A RUM-adatok teljes erőforrás-vízesés-nézeteket biztosítanak, és pontosan meghatározzák azokat az elemeket, amelyek lassítják az oldalakat. Minden oldalbetöltési eseménynél láthatja az eltöltött időt, megkülönböztetve, hogy mennyit költött a háttérben és mennyit az előtérben.

Minden erőforrás profilozott, beleértve a képeket, a betűtípusokat, a JavaScript fájlokat és a stíluslapokat. Részletezhet URL, böngésző típusa, földrajzi hely, operációs rendszer stb. szerint.

Az egyoldalas alkalmazásokat a Sematext RUM támogatja, függetlenül a használt keretrendszertől: React, Ember.js, Angular, Vue.js stb. A webalkalmazások megfigyelését minden aktivált HTTP-kérelem és -erőforrás esetén, a teljesítmény szűk keresztmetszete azonosításával biztosítva a legmagasabb szintű felhasználót. elégedettség.

A Sematext figyeli az Apdex Score-t, az alkalmazás teljesítményét és a felhasználói elégedettséget mérő szabványos indexet. Az oldalbetöltési válaszok, a HTTP-kérések és az egyes oldalon belüli tranzakciók küszöbidejének meghatározásával elemezheti az alkalmazás vagy webhely Apdex-pontszámát, hogy megállapítsa, mi befolyásolhatja azt. Válogathatja a legalacsonyabb vagy legmagasabb elégedettségi pontszámot elérő oldalakat, hogy megtudja, miért teljesítenek olyan jól vagy rosszul.

Kezdheti az ingyenes. Ha nagyobb mennyiséget szeretne figyelni, és hozzá szeretne férni a prémium funkciókhoz, például e-mailes riasztásokhoz, anomáliák észleléséhez, korlátlan számú mentett lekérdezéshez stb., akkor a Standard vagy a Pro csomagot kell választania, amelyek havi 19 és 89 dollárba kerülnek.

Következtetés

A hangyaboly és a hangyafarm között az a különbség, hogy nem látod, mi történik a hangyabolyban; csak a hangyákat láthatod, ahogy ki-be jönnek. Ne hagyja, hogy webhelye hangyaboly legyen. Hangyafarmmá alakítható a RUM-felügyelet hozzáadásával; a kristálytiszta falak megfelelője, amelyek teljes képet adnak arról, hogy mi történik belül. És használja ezt a betekintést arra, hogy hangyáit – elnézést, a felhasználókat – kellemes és gazdag élményben részesítse.