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

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

Коротше кажучи, RUM дає вам уявлення про те, який досвід користувача пропонує ваш сайт.

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

Чому RUM важливий?

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

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

Висхідні тренди

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

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

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

Бумеранг

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

  Контролюйте мережу та використання даних вашого iPhone із Центру сповіщень

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

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

Точка улову

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

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

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

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

Raygun

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

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

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

Pingdom

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

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

  32 найкращих безпечних ROM сайтів

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

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

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

Rapidspike

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

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

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

Еластичний

Якщо ви вже використовуєте метрики системи розміщення в Elasticsearch, ви можете розширити їх до метрик програми за допомогою Еластичний відкритий інструмент 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 як частину процесу постійної інтеграції та автоматично відстежувати вплив змін коду між послідовними розгортаннями.

Сематекст

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

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

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

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

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

Висновок

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