9 найкращих інструментів моніторингу реальних користувачів для покращення взаємодії з користувачем

Моніторинг реальних користувачів (RUM): погляд зсередини

Щоб збагнути суть RUM (моніторингу дій реальних користувачів), уявіть собі ваш веб-сайт як прозорий вулик, а його відвідувачів – як бджіл. RUM робить цей вулик настільки прозорим, що ви можете чітко бачити, звідки прилітають бджоли, що саме вони роблять, з якими перешкодами стикаються та скільки часу їм потрібно для навігації вашим сайтом.

Іншими словами, RUM дозволяє вам зрозуміти, який саме досвід взаємодії з вашим ресурсом отримують користувачі.

Це методика тестування, заснована на реальних діях відвідувачів. RUM стежить за реальними користувачами та збирає дані про продуктивність, на основі яких визначаються ключові параметри, такі як шляхи транзакцій, швидкість реагування та час завантаження сторінок. Інструменти RUM аналізують взаємодію користувачів у режимі реального часу, спостерігаючи за їхніми діями на веб-сайті чи в додатку.

Чому RUM має значення?

Знову повернімося до нашої аналогії з вуликом: вам подобається спостерігати за бджолами, і тому ви докладете всіх зусиль, щоб їм було комфортно. Відвідувачі вашого сайту також мають почуватися комфортно під час перебування на ньому. Однак, на відміну від бджіл у вулику, вони можуть легко покинути його, якщо їм незручно. Тому важливо розуміти, які саме враження вони отримують, аби заохотити їх довше залишатися на ваших сторінках.

RUM отримує дані від реальних користувачів, які взаємодіють з вашим сайтом, на відміну від методів синтетичного моніторингу, які використовують автоматизовані засоби або ботів, що періодично імітують дії користувача та отримують результати на основі цих імітацій. Обидва підходи дають різні перспективи на роботу вашого веб-сайту, тому для кращого розуміння проблем, що впливають на взаємодію з користувачем, ідеальним рішенням буде поєднання реального моніторингу користувача та синтетичного, що забезпечить повну картину.

Uptrends

Для впровадження Uptrends RUM вам потрібно лише скопіювати і вставити невеликий фрагмент коду на ваші веб-сторінки. Після цього скрипт Uptrends почне збирати дані про досвід ваших користувачів. Ці дані виводяться на ряд інформаційних панелей RUM, до яких можна миттєво отримати доступ, щоб відстежувати ключові показники, такі як популярність сторінок, продуктивність у різних країнах, використання різних браузерів тощо.

Моніторингове рішення Uptrends поєднує фактичні дані користувачів з результатами синтетичних моніторингових тестів, які проводить їхнє програмне забезпечення. Синтетичний моніторинг Uptrends підключається з однієї з 209 точок по всьому світу до вашого сайту через певні проміжки часу, імітуючи взаємодії та збираючи результати. Об’єднані результати надають повну картину загального стану та продуктивності вашого сайту.

Ви можете побачити, як ваш веб-ресурс працює з точки зору користувачів, та отримати інформацію про профілювання цих користувачів за допомогою інструментів веб-аналітики, таких як Google Analytics. Дані відображаються на ваших інформаційних панелях за лічені хвилини, що дає змогу отримати повну картину, збираючи дані з усіх переглядів сторінок.

Boomerang

Boomerang RUM, реалізований як бібліотека JavaScript, вимірює час завантаження сторінок, показники продуктивності та загальну поведінку користувачів під час перегляду веб-сайту. Щоб налаштувати інструмент, потрібно лише підключити бібліотеку на ваших сторінках та викликати метод ініціалізації. Після встановлення бібліотеки дані RUM починають надходити на ваш сервер для подальшого аналізу.

Щоб уникнути «ефекту спостерігача» (впливу на результати експерименту просто спостерігаючи за ним), ціллю Boomerang є запуск без збільшення часу завантаження сторінок. Його скрипти можна завантажувати асинхронно, отже, навіть якщо boomerang.js недоступний, скрипти не затримають завантаження сторінки.

Boomerang є програмним забезпеченням з відкритим вихідним кодом, тому не потрібно сплачувати жодних комісій. Ви просто завантажуєте його зі сховища GitHub, встановлюєте, дотримуючись детальних інструкцій, і починаєте стежити за діями ваших користувачів. Вас заохочують робити внесок у розвиток Boomerang, додаючи плагіни та адаптуючи його до різних потреб. Він має розширену архітектуру плагінів та здатний працювати як із традиційними, класичними веб-сайтами, так і з сучасними, включаючи односторінкові додатки.

Catchpoint

Ідеальне рішення для моніторингу не повинно залишати жодної “сліпої зони”.

Саме це обіцяє робити рішення для моніторингу кінцевих користувачів Catchpoint. Коли ви комбінуєте різноманітні середовища, такі як хмара, мобільні пристрої та Інтернет речей, кількість точок відмови починає збільшуватися. Водночас кінцеві користувачі очікують швидкого завантаження сторінок на завжди доступних пристроях, і вам потрібна повна видимість з точки зору користувачів, щоб покращити їхній досвід та оперативно вирішувати проблеми.

Це більше, ніж просто збір даних та їх відображення на інформаційних панелях. Він налаштовує систему сповіщень, яка відправляє контекстні попередження, коли продуктивність знижується від очікуваного рівня. Його інформаційні панелі працюють на основі алгоритмів, що означає, що вони показують джерела виникнення проблем. Вони також відображають історичні та неагреговані дані, тому ви не пропустите важливих деталей.

Коли ви вносите зміни у додаток, ці зміни не завжди призводять до кращого часу відгуку чи більшої надійності. Моніторинг Catchpoint допомагає вам моделювати та тестувати продуктивність під час проведення A/B-тестів нових випусків, переглядаючи деталі на рівні запитів для сторінок, які відвідують реальні користувачі.

Raygun

Користувачі цінують свій час як ніколи: 40% з них покидають веб-сайт після 3 секунд очікування завантаження сторінки. Тому вам необхідно надати їм швидкий досвід, виявляти та усувати вузькі місця, з якими вони стикаються. Для цього Raygun пропонує практичні дані з реальних сеансів користувачів, що дає змогу діагностувати, чому у них може виникати негативний досвід.

Це допоможе вам покращити взаємодію з користувачами, збільшити продажі та підвищити ефективність зовнішнього використання.

Raygun дозволяє чітко бачити, хто саме використовує ваш додаток та з якими конкретними труднощами стикається. Це дозволяє побачити сеанс кожного окремого користувача, визначити проблемні області та їх можливі рішення. Інструмент також автоматично виявляє проблеми з продуктивністю інтерфейсу, які можуть спричиняти повільне завантаження. Відстежуючи шляхи, якими користувачі переміщуються на вашому сайті, ви можете проаналізувати, де вони стикалися з помилками, де сторінки завантажувалися занадто довго, або де вони просто припинили сеанс.

Pingdom

Pingdom, уніфікована цілісна платформа RUM, бере на себе моніторинг дій ваших користувачів, щоб ви могли позбутися здогадок та почати приймати рішення на основі реальних даних відвідувачів. Щоб почати моніторинг з Pingdom, вам потрібно лише додати невеличкий фрагмент JavaScript на ваші сторінки, що майже не вплине на їхню продуктивність.

Ви відразу почнете бачити, як дані ваших відвідувачів співвідносяться з платформами, країнами та браузерами, незалежно від того, чи їх лише десяток, чи більше мільйона.

Ви можете ввести URL-адресу, звідки Pingdom збиратиме дані, та очікувані параметри задоволеності. Комплексні параметри візуалізації дадуть вам змогу зрозуміти, як зміни у продуктивності можуть впливати на досвід відвідувачів. Таким чином ви зможете своєчасно вжити заходів, перш ніж ваш бізнес постраждає.

Незалежно від того, чи має ваш сайт одну чи тисячу сторінок, за допомогою Pingdom RUM ви можете проаналізувати, як відвідувачі сприймають кожну з них. Функція групування сторінок RUM пропонує зведені дані, які показують показники ефективності для подібних сторінок.

Цінові плани починаються приблизно з 42 доларів на місяць за стандартні функції та сягають 228 доларів на місяць за професійний набір функцій. Ця плата включає не лише RUM, а й моніторинг сервера, попередження та моніторинг транзакцій, серед інших переваг.

Rapidspike

Легкий та простий у налаштуванні скрипт RUM — це все, що вам потрібно для розгортання RUM моніторингу Rapidspike. Цей скрипт обслуговується через безпечне з’єднання, тому вам не потрібно турбуватися про створення вразливостей. Після встановлення RUM монітор почне збирати обсяг трафіку та швидкість завантаження сторінок від ваших відвідувачів, визначаючи їхнє географічне розташування, використовуваний браузер та пристрій.

Записуючи живі дані від реальних користувачів, ви зможете виявляти проблеми з продуктивністю в режимі реального часу та оптимізувати потенціал свого сайту незалежно від місця розташування користувача чи використовуваних ним технологій.

Набір графіків та таблиць дає змогу аналізувати важливі показники трафіку, які відображають точні дані про ефективність. Ці цифри показують час завантаження користувача, розбитий на час завантаження мережі, сервера та браузера, що дозволяє вам визначити, де саме виникають проблеми із затримкою та які вузькі місця потребують усунення. Результати є конкретними для кожної сторінки, що дозволяє проводити поглиблений аналіз кожної сторінки вашого сайту.

Elastic

Якщо ви вже використовуєте метрики системи розміщення в Elasticsearch, ви можете розширити їх до метрик додатку за допомогою Elastic — відкритого інструменту APM (моніторингу продуктивності додатків).

APM має ширшу сферу застосування, ніж RUM, оскільки він спрямований на підвищення доступності додатків та скорочення часу простою шляхом виявлення вузьких місць. Спеціальний інтерфейс користувача Elastic спрощує виконання цього завдання та дозволяє зосередитися на вирішенні проблемних змін на рівні коду. В результаті, окрім покращення продуктивності вашого додатку та взаємодії з користувачами, ви отримуєте вдосконалений та ефективніший вихідний код та скорочений цикл розробки-тестування-розгортання.

Використовуючи розподілене трасування, Elastic дозволяє об’єднувати транзакції разом, щоб зрозуміти, як саме взаємодіють ваші сервіси. Це дає можливість візуалізувати виклики сервісу між ними, виявляти проблеми із затримкою та визначати компоненти, які потребують оптимізації. Показники продуктивності, які ви збираєте за допомогою інструментів Elastic APM, надсилаються до Elasticsearch, щоб візуалізувати їх за допомогою попередньо налаштованих інформаційних панелей Kibana.

Elastic використовує функції машинного навчання, щоб завчасно виявляти аномальний час відгуку. Сповіщення, відправлені електронною поштою або через Slack, дозволять вам бути в курсі того, як працює ваш код, не переглядаючи інформаційні панелі. Щоб почати використовувати Elastic APM, вам потрібно зареєструватися в Elastic Cloud і налаштувати сервер APM, виконавши кілька простих кроків. Цінові плани дозволяють вам просто сплачувати за потрібні вам ресурси та розгортати їх так, як вам це необхідно.

SpeedCurve

SpeedCurve додає багато порівняльних параметрів до даних, які збирає про ваших користувачів. Наприклад, він дає змогу побачити, хто з ваших конкурентів швидший за вас у наданні контенту, та порівнює синтетичні дані з RUM, щоб показати вам повну картину. Встановлюючи зв’язок між ефективністю сайту та досвідом користувача, графіки взаємодії дають змогу зрозуміти вплив уповільнення роботи сторінок на показник відмов вашого сайту.

Інструмент простий у налаштуванні та створює чудові візуалізації, такі як паралельні відео та слайд-шоу, які можна використовувати для переконання своїх колег. Ви можете відстежувати будь-які показники, які вам потрібні, включно з коефіцієнтами конверсії, розміром кошика, а також результатами A/B-тестування. Щоб надати вам детальний аналіз часу завантаження сторінки, SpeedCurve дозволяє вимірювати швидкість візуалізації окремих елементів сторінки, даючи змогу точно знати, коли відображається найважливіший контент.

Співпрацюючи з Google Lighthouse та PageSpeed Insights, SpeedCurve пропонує перелік правил продуктивності, які можна відмітити для покращення досвіду користувача. Ви можете використовувати SpeedCurve Deploy API як частину процесу безперервної інтеграції та автоматично відстежувати вплив змін коду між послідовними розгортаннями.

Sematext

Sematext RUM надає вам повний каскадний перегляд ресурсів, точно визначаючи активи, які сповільнюють роботу ваших сторінок. Для кожної події завантаження сторінки ви можете побачити витрачений час, розрізняючи, скільки його витрачено на бекенд, а скільки — на інтерфейс.

Усі ресурси профілюються, включно з зображеннями, шрифтами, файлами JavaScript та таблицями стилів. Ви можете деталізувати за URL-адресою, типом браузера, геолокацією, операційною системою тощо.

Односторінкові додатки підтримуються Sematext RUM, незалежно від використовуваного фреймворку: React, Ember.js, Angular, Vue.js тощо. Ви отримуєте моніторинг веб-додатків для всіх запущених HTTP-запитів та ресурсів, виявляючи вузькі місця продуктивності для забезпечення максимального рівня задоволення користувачів.

Sematext відстежує ваш показник Apdex — стандартний індекс, який вимірює продуктивність додатків та задоволення користувачів. Визначивши пороговий час для відповідей на завантаження сторінки, HTTP-запитів та окремих транзакцій на сторінці, ви можете проаналізувати показник Apdex вашого додатка чи веб-сайту, щоб виявити, що саме може на нього впливати. Ви можете відсортувати сторінки з найнижчим або найвищим показником задоволення, щоб зрозуміти, чому вони працюють саме так.

Ви можете почати з безкоштовного плану. Якщо ви хочете відстежувати більші обсяги даних та мати доступ до преміум-функцій, таких як сповіщення електронною поштою, виявлення аномалій, необмежена кількість збережених запитів тощо, вам потрібно вибрати плани Standard або Pro, які коштують 19 та 89 доларів на місяць відповідно.

Висновок

Різниця між звичайним вуликом та прозорим вуликом полягає в тому, що ви не можете бачити, що відбувається всередині першого, ви бачите лише бджіл, які влітають та вилітають. Не дозволяйте вашому сайту бути схожим на звичайний вулик. Перетворіться на прозорий вулик, додавши моніторинг RUM – еквівалент кришталево чистих стін, які надають вам повний огляд того, що відбувається всередині. Використовуйте цю інформацію, щоб забезпечити вашим бджолам – вибачте, вашим користувачам – приємний та корисний досвід.