9 nejlepších nástrojů pro monitorování skutečných uživatelů pro zlepšení uživatelské zkušenosti

Chcete-li pochopit, co je to RUM (Real User Monitoring), představte si, že vaše webová stránka je jako prosklené akvárium a vaši návštěvníci jsou rybičky v něm. RUM vám umožní sledovat, odkud se rybičky (uživatelé) berou, co v akváriu dělají, s jakými problémy se setkávají a jak dlouho v něm tráví čas.

Zkrátka, RUM vám poskytne přehled o tom, jaký zážitek vaše webová stránka návštěvníkům nabízí.

Jedná se o testovací metodu založenou na reálných interakcích uživatelů. RUM sleduje skutečné uživatele a zaznamenává údaje o výkonu, aby vytvořil klíčové metriky, jako jsou cesty transakcemi, rychlost odezvy a časy načítání stránek. Testovací nástroje analyzují uživatelské zkušenosti v reálném čase a monitorují jejich interakce s webem či aplikací.

Proč je RUM důležitý?

Podívejme se opět na naše akvárium: rádi sledujete své rybičky a snažíte se, aby se cítily co nejpříjemněji. Návštěvníci vašeho webu by se měli během návštěvy také cítit příjemně. Na rozdíl od rybiček v akváriu však mohou návštěvníci vaše stránky kdykoli opustit, pokud se jim nebude líbit. Je tedy zásadní, abyste věděli, jak se cítí, abyste je na vašich stránkách udrželi co nejdéle.

RUM získává data o skutečných uživatelích interagujících s vaším webem, na rozdíl od syntetických monitorovacích technik, které používají automatizované nástroje či roboty, kteří napodobují chování uživatelů podle předem stanoveného plánu, a na základě toho generují výsledky. Oba přístupy poskytují různé náhledy na chování vašeho webu, a proto by ideální nástroje a techniky pro lepší pochopení problémů, které ovlivňují uživatelskou zkušenost, měly kombinovat sledování reálných uživatelů a syntetické monitorování a zobrazit tak kompletní obraz.

Uptrends

Pro implementaci Uptrends RUM stačí vložit malý kód na vaše webové stránky. Jakmile to uděláte, skript Uptrends začne sbírat data o zkušenostech vašich uživatelů. Tato data poskytují řadu RUM panelů, ke kterým můžete okamžitě přistupovat a sledovat klíčové metriky, jako je využití stránky, výkon podle zemí, používané prohlížeče a další.

Monitorovací řešení Uptrends kombinuje data získaná od reálných uživatelů s výsledky syntetických monitorovacích testů prováděných jejich softwarem. Syntetické monitorování Uptrends se připojuje k vašemu webu v nastavených intervalech z jednoho z jejich 209 celosvětových lokací, provádí interakce a shromažďuje data o výsledcích. Kombinované výsledky vám poskytnou kompletní obrázek o celkovém stavu a výkonu vašeho webu.

Můžete vidět, jak si vaše stránky stojí z pohledu uživatelů a získat přehled o profilaci těchto uživatelů pomocí nástrojů webové analytiky, jako je Google Analytics. Data jsou k dispozici na vašich panelech během několika minut, což vám umožní vidět kompletní obraz shromažďováním dat ze všech zobrazení stránek.

Boomerang

Implementován jako JavaScript knihovna, Boomerang RUM měří časy načítání stránek, metriky výkonu a celkové charakteristiky chování vašich uživatelů. Pro nastavení nástroje stačí zahrnout knihovnu do vašich stránek a zavolat metodu init. Po instalaci knihovny začnou data RUM proudit na váš server k další analýze.

Aby se zabránilo tzv. "efektu pozorovatele" (kdy pouhé pozorování ovlivní výsledky experimentu), cílem Boomerangu je běžet bez prodloužení času načítání stránek. Jeho skripty lze načítat asynchronně, takže i když boomerang.js není k dispozici, skripty nezpomalí načítání stránky.

Boomerang je open source, takže se neplatí žádné poplatky. Stačí si jej stáhnout z GitHub repozitáře, nainstalovat podle podrobného návodu a začít sledovat své uživatele. Doporučujeme vám přispět k vývoji Boomerangu, přidávat pluginy a přizpůsobit jej různým potřebám. Má rozsáhlou architekturu pluginů a umí pracovat s tradičními i moderními weby, včetně jednostránkových aplikací.

Catchpoint

Ideální monitorovací řešení by nemělo přehlédnout žádné slabé místo.

Přesně to slibuje Catchpoint Řešení monitorování uživatelské zkušenosti. Když zkombinujete heterogenní prostředí, jako je cloud, mobilní zařízení a IoT, potenciální problémy se začnou násobit. Koncoví uživatelé přitom očekávají rychlé načítání stránek na všech dostupných zařízeních a vy potřebujete kompletní přehled o jejich perspektivě, abyste mohli zlepšit jejich zážitek a rychle řešit případné problémy.

Catchpoint nedělá jen to, že shromažďuje data a zobrazuje je na řídicích panelech. Vytváří systém upozornění, který odesílá kontextová varování, když výkon klesne pod očekávanou úroveň. Jeho řídicí panely jsou poháněny algoritmy, což znamená, že ukazují, kde vznikají problémy. Také zobrazují historická a neagregovaná data, takže vám neuniknou detaily, na kterých záleží.

Při provádění změn v aplikaci tyto změny ne vždy vedou k lepší odezvě nebo spolehlivosti. Sledování Catchpoint vám pomáhá modelovat a ověřovat výkon při provádění A/B testů nových verzí, zobrazování detailů na úrovni požadavků pro stránky navštěvované reálnými uživateli.

Raygun

Uživatelé si váží svého času více než kdy jindy: 40 % z nich opustí web po 3 sekundách čekání na načtení stránky. Musíte jim tedy poskytnout rychlý zážitek, odhalovat a řešit překážky výkonu, se kterými se setkávají. Pro tento účel Raygun nabízí praktická data ze skutečných uživatelských relací, což vám umožňuje diagnostikovat, proč mohou mít špatný zážitek.

Raygun vám může pomoci zlepšit uživatelskou zkušenost, zvýšit prodej a zlepšit výkon frontendu.

Raygun vám umožní jasně vidět, kdo používá vaši aplikaci a s jakými konkrétními problémy se setkává. Umožňuje vám prohlédnout si relaci každého jednotlivého uživatele, identifikovat problematické oblasti a navrhnout možná řešení. Nástroj také automaticky detekuje problémy s výkonem frontendu, které mohou způsobovat frustrující časy načítání. Sledováním cest, kterými uživatelé prošli na vašem webu, můžete analyzovat, kde narazili na chyby, kde se stránky načítaly příliš dlouho nebo kde relaci jednoduše opustili.

Pingdom

Pingdom je jednotná, komplexní platforma RUM, která vám umožňuje sledovat aktivity vašich uživatelů, abyste eliminovali dohady a mohli se rozhodovat na základě skutečných dat o návštěvnících. Pro zahájení monitorování s Pingdom stačí přidat malý JavaScript kód na své stránky, který téměř neovlivní výkon.

Okamžitě uvidíte, jak data o vašich návštěvnících korelují s platformami, zeměmi a prohlížeči, bez ohledu na to, jestli jich je jen hrstka, nebo více než milion.

Můžete zadat URL, odkud chce Pingdom sbírat data, a také očekávané parametry spokojenosti. Komplexní možnosti vizualizace vám poskytnou přehled o tom, jak mohou změny výkonu ovlivnit dojem vašich návštěvníků. Tímto způsobem budete moci včas podniknout potřebné kroky, než to začne mít negativní dopad na vaše podnikání.

Ať už má váš web jednu nebo tisíc stránek, s Pingdom RUM můžete analyzovat, jak je vaši návštěvníci vnímají. Funkce seskupování stránek RUM poskytuje souhrnná data zobrazující informace o výkonu pro podobné stránky.

Cenové plány začínají na přibližně 42 USD měsíčně za standardní funkce a dosahují až 228 USD měsíčně za profesionální balík funkcí. Tento poplatek zahrnuje nejen RUM, ale mimo jiné také monitorování serveru, upozorňování a monitorování transakcí.

Rapidspike

Pro nastavení RUM monitoringu Rapidspike potřebujete jen odlehčený, přizpůsobený skript RUM. Tento skript je poskytován přes zabezpečené připojení, takže se nemusíte obávat generování zranitelností. Po instalaci začne RUM monitor od vašich návštěvníků shromažďovat objem provozu a rychlost načítání stránek a identifikuje geografickou polohu, prohlížeč a použité zařízení.

Díky záznamu živých dat od reálných uživatelů budete schopni v reálném čase identifikovat problémy s výkonem a optimalizovat potenciál vašeho webu, bez ohledu na umístění uživatele či použité technologie.

Sada grafů a tabulek vám umožní analyzovat důležité metriky provozu, které ukazují přesná data o výkonu. Tato čísla ukazují doby stahování uživatelů rozdělené na dobu stahování sítě, serveru a prohlížeče, což vám dává přehled o tom, kde je potřeba vyřešit problémy s latencí a odstranit úzká místa. Výsledky jsou specifické pro každou stránku, což pomůže provést hloubkovou analýzu každé z stránek na vašem webu.

Elastic

Pokud již používáte systémové metriky v Elasticsearch, můžete je rozšířit na metriky aplikací pomocí Elastic open-source nástroje APM (sledování výkonu aplikací).

APM má širší záběr než RUM, protože jeho cílem je zvýšit dostupnost aplikací a snížit prostoje identifikací kritických míst. Vyhrazené uživatelské rozhraní Elastic vám usnadní tuto práci a umožní vám soustředit se na řešení problematických změn na úrovni kódu. Díky tomu nejenže zlepšíte výkon aplikace a uživatelskou zkušenost, ale také získáte vylepšený a efektivnější zdrojový kód a zkrátíte cyklus vývoje, testování a nasazení.

Díky distribuovanému sledování vám Elastic umožňuje řetězit transakce dohromady, abyste pochopili, jak vaše služby navzájem interagují. Umožňuje vám vizualizovat volání služeb napříč nimi, odhalovat problémy s latencí a identifikovat komponenty, které je potřeba optimalizovat. Metriky výkonu shromažďované nástroji Elastic APM se odesílají do Elasticsearch, aby bylo možné je vizualizovat prostřednictvím předkonfigurovaných řídicích panelů Kibana.

Elastic využívá funkce strojového učení pro proaktivní odhalování neobvyklých časů odezvy. Upozornění zaslaná e-mailem nebo Slackem vás budou informovat o stavu vašeho kódu, aniž byste museli neustále sledovat řídicí panely. Chcete-li začít používat Elastic APM, musíte se zaregistrovat v Elastic Cloud a nastavit server APM pomocí několika jednoduchých kroků. Cenové plány vám umožní platit pouze za zdroje, které potřebujete, a nasadit je dle libosti.

SpeedCurve

SpeedCurve přidává mnoho srovnávacích dimenzí k datům shromážděným o vašich uživatelích. Umožňuje vám například zjistit, kteří z vašich konkurentů jsou při poskytování obsahu rychlejší než vy, a porovnává syntetická data s RUM, abyste získali úplný přehled. Díky korelaci výkonu webu s uživatelským dojmem vám grafy zapojení umožní pochopit vliv zpomalení stránky na míru opuštění webu.

Nástroj se snadno nastavuje a generuje skvělé vizualizace, jako jsou srovnávací videa a filmové pásy, pomocí nichž můžete snadno přesvědčit své kolegy o svém názoru. Můžete sledovat libovolné metriky, včetně konverzních poměrů, velikosti košíků a výsledků A/B testů. Pro podrobný přehled o časech načítání stránek vám SpeedCurve umožňuje měřit rychlost vykreslování jednotlivých prvků stránky, abyste přesně věděli, kdy se vykresluje nejdůležitější obsah.

Ve spolupráci s Google Lighthouse a PageSpeed ​​Insights nabízí SpeedCurve seznam výkonnostních pravidel, které můžete splnit pro zlepšení uživatelského dojmu. SpeedCurve Deploy API můžete použít jako součást procesu kontinuální integrace a automaticky sledovat dopad změn kódu mezi po sobě jdoucími nasazeními.

Sematext

Sematext Data RUM vám poskytují kompletní zobrazení vodopádu zdrojů, které přesně určí prvky, které zpomalují vaše stránky. Pro každou událost načítání stránky můžete vidět strávený čas s rozlišením, kolik bylo vynaloženo na backend a kolik na frontend.

Všechny zdroje jsou profilovány, včetně obrázků, písem, JavaScript souborů a šablon stylů. Můžete filtrovat podle URL, typu prohlížeče, geografické polohy, operačního systému a dalších kritérií.

Sematext RUM podporuje jednostránkové aplikace, bez ohledu na použitý framework: React, Ember.js, Angular, Vue.js a další. Získáte monitorování webových aplikací pro všechny spuštěné požadavky a HTTP zdroje, což vám umožní identifikovat kritická místa a zajistit maximální spokojenost uživatelů.

Sematext monitoruje vaše skóre Apdex, což je standardní index měřící výkon aplikací a spokojenost uživatelů. Definovat prahové hodnoty pro odezvy při načítání stránek, HTTP požadavky a jednotlivé transakce na stránce vám umožní analyzovat skóre Apdex vaší aplikace nebo webu a zjistit, co by ho mohlo ovlivňovat. Můžete třídit stránky s nejnižším nebo nejvyšším skóre spokojenosti, abyste zjistili, proč si vedou tak dobře nebo tak špatně.

Můžete začít zdarma. Chcete-li sledovat větší objem a získat přístup k prémiovým funkcím, jako jsou e-mailová upozornění, detekce anomálií, neomezené ukládání dotazů atd., musíte se rozhodnout pro plány Standard nebo Pro, které stojí 19 USD a 89 USD měsíčně.

Závěr

Rozdíl mezi mraveništěm a mravenčí farmou je v tom, že nevidíte, co se děje uvnitř mraveniště; můžete jen pozorovat mravence, kteří přicházejí a odcházejí. Nedovolte, aby váš web byl jen mraveništěm. Proměňte ho na mravenčí farmu přidáním RUM monitoringu; ekvivalent křišťálově čistých stěn, které vám poskytnou kompletní přehled o tom, co se děje uvnitř. A využijte tyto informace k tomu, abyste svým mravencům – pardon, vašim uživatelům – poskytli příjemný a obohacující zážitek.