Просмотр кода страницы Действия пользователя



Действие пользователя — это взаимодействие с интерфейсом конечного пользователя, которое включает вызов веб-сервера, который потенциально может иметь несколько вложенных вызовов. Это преобразование из одного представления в другое, которое запускается пользовательским вводом, например, загрузкой страницы, щелчком или касанием.

== Типы действий пользователя ==
В Ключ-АСТРОМ доступны следующие типы действий пользователя:

* Загрузить действие
* XHR-действие
* Пользовательское действие

Основное различие между этими типами действий заключается в способе расчета продолжительности действия и списке доступных метрик.

=== Загрузить действие ===
Действие загрузки определяется как фактическая загрузка страницы в вашем браузере. Если вы введете URL-адрес в браузере и нажмете Enter , произойдет действие загрузки. Во время этого типа действия загружаются многие ресурсы, включая изображения, HTML и CSS.

Продолжительность действия в данном случае — это время, необходимое для полного действия нагрузки. В частности, время начала действия пользователя равно времени W3C <code>navigationStart</code>. Если этот атрибут недоступен, время начала равно времени инициализации RUM JavaScript в браузере. Время окончания — это когда последний <code>onload</code>обработчик завершил свою задачу. Обработчик <code>onload</code>— это обработчик событий в JavaScript, который используется для вызова выполнения JavaScript после полной загрузки страницы, фрейма или изображения. Если какие -либо <code>XMLHttpRequests</code>из них запущены <code>onload</code>обработчиком, действие пользователя завершается по <code>XMLHttpRequest</code>завершении.

[[Файл:dpo1.png]]

=== Тайминги действий пользователя ===
Следующие меры используются для составления графика продолжительности конкретных шагов в процессе воздействия нагрузки.
{| class="wikitable"
!Мера
!Описание
!Определение с точки зрения спецификации W3C
|-
|DNS
|Время, потраченное на разрешение доменных имен.
|<code>window.performance.timing.domainLookupEnd - window.performance.timing.domainLookupStart</code>
|-
|TCP
|Время, затраченное на установление сокетного соединения браузера с веб-сервером.
|<code>window.performance.timing.connectEnd - window.performance.timing.connectStart</code>
|-
|SSL
|Время, затраченное на установление безопасного сокетного соединения браузера с веб-сервером.
|<code>window.performance.timing.connectEnd - window.performance.timing.secureConnectionStart</code>
|-
|перенаправить
|Время, потраченное на переадресацию HTTP.
|<code>window.performance.timing.redirectEnd - window.performance.timing.redirectStart</code>
|-
|Запрос
|Время ожидания первого байта ответа документа.
|<code>window.performance.timing.responseStart - window.performance.timing.requestStart</code>
|-
|Ответ
|Время, затраченное на загрузку ответа на документ.
|<code>window.performance.timing.responseEnd - window.performance.timing.responseStart</code>
|-
|ТТФБ
|Время, когда первый байт ответа от сервера поступает клиенту.
|<code>window.performance.timing.responseStart</code>
|-
|Сетевое время
|Время, необходимое для перенаправления, разрешения DNS и установления TCP-соединения.
|<code>window.performance.timing.responseEnd - window.performance.timing.fetchStart - (window.performance.timing.responseStart - window.performance.timing.requestStart)</code>
|-
|Время сервера
|Время, потраченное на получение запроса и отправку ответа обратно клиенту.
|<code>window.performance.timing.responseStart - window.performance.timing.requestStart</code>
|-
|Время обработки
|Время между загрузкой DOM и началом события Load.
|<code>window.performance.timing.loadEventEnd - window.performance.timing.domLoading</code>
|-
|Кэш приложения
|Время, потраченное на проверку соответствующих кешей приложений.
|<code>window.performance.timing.domainLookupStart - window.performance.timing.fetchStart</code>
|-
|Время интерфейса
|Время, затраченное в браузере на выполнение JavaScript и отрисовку страницы.
|<code>User Action Duration - Server Time - Network Time</code>
|-
|Ондомконтентенлоадед
|Время, затраченное на выполнение обработчиков OnDomContentLoaded.
|<code>window.performance.timing.domContentLoaded - window.performance.timing.domLoading</code>
|-
|В процессе
|Время, затрачиваемое на выполнение обработчиков OnLoad.
|<code>window.performance.timing.loadEventEnd - window.performance.timing.loadEventStart</code>
|-
|Перезвонить
|Время, потраченное на выполнение обратных вызовов XHR.
|<code>-</code>
|-
|Первая краска
|Время, затрачиваемое с момента навигации до отображения браузером первого фонового элемента не по умолчанию.
|<code>-</code>
|-
|Начало первого ввода
|Время, когда пользователь впервые взаимодействует со страницей, например, щелкает элемент пользовательского интерфейса.
|<code>-</code>
|-
|Задержка первого ввода
|Время, прошедшее с момента первого ввода до момента, когда браузер сможет ответить на это взаимодействие.
|<code>-</code>
|-
|Первая содержательная краска
|Время, затрачиваемое с момента навигации до отображения браузером первой части содержимого, например текста или изображений.
|<code>-</code>
|-
|Самая большая содержательная краска
|Время, прошедшее от навигации до полного отображения самого большого элемента содержимого в области просмотра.
|<code>-</code>
|-
|Совокупный сдвиг макета
|Сумма всех индивидуальных оценок смещения макета для каждого «неожиданного» смещения макета, происходящего во время действия загрузки.
|<code>-</code>
|-
|Визуально полный
|Время, когда весь контент в видимой области браузера был полностью отрендерен.
|<code>-</code>
|-
|Индекс скорости
|Среднее время, в течение которого отображаются видимые части страницы. Более низкий индекс скорости означает, что большая часть страницы отображается очень быстро.
|<code>-</code>
|-
|Длительность действия пользователя
|Время между первоначальным вводом данных пользователем и полной загрузкой страницы. Также включает время загрузки запросов XHR, инициированных ранее, <code>loadEventEnd</code>и время загрузки динамических ресурсов и выполнения скриптов, вызванных модификациями DOM.
|<code>-</code>
|}

=== XHR-действие ===
Большинство современных приложений, включая одностраничные приложения, полагаются на одно действие загрузки, которое загружает платформу и инициализирует страницу. После этого DOM страницы изменяется через JavaScript, а вся связь с веб-сервером осуществляется через файлы <code>XmlHttpRequest</code>.

Ключ-АСТРОМ постоянно отслеживает взаимодействие пользователей с каждой страницей. Если взаимодействие пользователя приводит к вызову <code>XmlHttpRequests</code>или <code>fetch()</code>звонку, создается действие XHR. Ключ-АСТРОМ также определяет, активируются ли дополнительные XHR при обратном вызове исходного XHR и так далее. В этом случае Ключ-АСТРОМ ожидает завершения всех запросов. Отслеживая DOM, Ключ-АСТРОМ также может идентифицировать ресурсы, которые были добавлены в обратные вызовы. Затем Ключ-АСТРОМ ждет, пока эти ресурсы не закончат загрузку, прежде чем завершить действие.

Действие XHR начинается с щелчка пользователем элемента управления на веб-странице. Все метрики рассчитываются по отношению к этому моменту времени и основаны на начальном XHR, который инициирует действие пользователя.

=== Обнаруженные типы взаимодействия ===
Real User Monitoring обнаруживает в вашем приложении следующие типы взаимодействия:

* Нажатие
* Двойной клик
* Мышь вниз
* Мышь вверх
* Прокрутить

* Ключ вниз
* Ключ вверх
* Сенсорный старт
* Нажмите конец
* Изменять

'''Для веб-приложений''' Чтобы выбрать, какие типы взаимодействия должны фиксироваться автоматически

# В меню Ключ-АСТРОМ выберите Web .
# Выберите приложение, которое вы хотите настроить.
# В правом верхнем углу страницы обзора приложения выберите Дополнительно ( … ) > Изменить .

# В настройках приложения перейдите в « Захват » > « Дополнительные настройки » .

# Прокрутите вниз до разделов Wrappers for addEventListener и attachEvent и используйте переключатели, чтобы включить или исключить захват типов взаимодействия.
[[Файл:dpo2.png]]

==== Получить API ====
Fetch API предоставляет интерфейс для получения ресурсов, включая ресурсы по сети. Он похож на <code>XMLHttpRequest</code>, но API предоставляет более гибкий набор функций. Общие определения <code>Request</code>, <code>Response</code>и других объектов сетевых запросов в Fetch позволяют использовать их в любое время, когда они необходимы, будь то сервисные работники, Cache API или все, что обрабатывает или изменяет запросы и ответы. Fetch также поддерживает совместное использование ресурсов между источниками (CORS).

Действия пользователя, основанные на Fetch API, отображаются в Ключ-АСТРОМ как действия XHR. Вы можете настроить RUM для автоматического обнаружения и сбора информации о запросах Fetch API .

=== Пользовательское действие пользователя ===
Вместо того, чтобы полагаться на генерацию действий пользователя по умолчанию, вы можете настроить мониторинг реальных пользователей, добавив дополнительные действия пользователя непосредственно в HTML-код вашего приложения. Это может быть полезно, если наша автоматическая генерация действий пользователя не улавливает определенные действия или вы хотите ввести в мониторинг вашего приложения определенные детализированные тайминги. Например, вы можете измерить, сколько времени требуется, чтобы открыть раскрывающееся меню, состоящее только из JavaScript, или вы можете измерить время выполнения некоторого кода JavaScript. Чтобы определить дополнительные действия, используйте RUM JavaScript API .

== Длительность действия пользователя ==
Ниже вы можете найти информацию об участниках действий пользователей и максимальной продолжительности действий пользователей в Ключ-АСТРОМ.

=== Авторы действий пользователя ===
Продолжительность действия пользователя можно разделить на три составляющие:

* Время сервера : время, затраченное на стороне сервера.
* Сетевое время : время, необходимое для передачи данных.
* Время внешнего интерфейса : время, необходимое браузеру для отображения страницы.

Эти компоненты влияют на общую продолжительность действия пользователя.

Длительность действия пользователя рассчитывается следующим образом:

* Продолжительность действия пользователя = ( <code>loadEventEnd</code>или <code>endTimeOfLastXHR</code>) -<code>actionStart</code>

куда:

* <code>actionStart</code>: <code>navigationStart</code>для загрузки страницы или «времени клика» для действий XHR и переходов пользователя, таких как нажатие кнопки или ссылки.
* <code>endTimeOfLastXHR</code>: когда вызовы XHR инициируются во время процесса и не завершены до этого , то вместо времени <code>loadEventEnd</code>используется время окончания последнего вызова XHR.<code>loadEventEnd</code>

Участники действий пользователя рассчитываются следующим образом:

* Время сервера = <code>responseStart</code>-<code>requestStart</code>
* Сетевое время = ( <code>requestStart</code>- <code>actionStart</code>) + ( <code>responseEnd</code>- <code>responseStart</code>)
* Время интерфейса = <code>User action duration</code>- <code>Server time</code>-<code>Network time</code>

Ниже вы можете просмотреть примеры участников действия пользователя:

Участники действий пользователя для одного экземпляра действия пользователя в сеансе пользователя

Участники действий пользователя, объединенные для одного действия пользователя, другими словами, для всех экземпляров действий пользователя.

Участники действий пользователя, объединенные для всего приложения

=== Максимальная продолжительность действия пользователя ===
Максимальная продолжительность действия пользователя зависит от типа приложения.

Максимальная продолжительность действия веб-пользователя составляет 3 минуты. Когда действие пользователя занимает больше времени, Ключ-АСТРОМ сообщает о таком действии как о 3-минутном действии.

== Правила именования действий пользователя ==
Многие приложения позволяют пользователям достигать одной и той же цели, используя разные элементы управления пользовательского интерфейса и следуя разными путями. При наблюдении за такими приложениями может быть сложно различить действия, которые имеют одинаковый результат и цель, но выполняются с использованием разных частей пользовательского интерфейса приложения. Аналогичным образом, если приложение переведено на несколько языков, одна и та же функция приложения или элемент пользовательского интерфейса могут появляться под разными именами. С помощью правил именования действий пользователя Ключ-АСТРОМ может обнаруживать такие незначительные вариации и интеллектуально группировать действия пользователя, которые достигают одной и той же цели, в логические группы для мониторинга.

Ключ-АСТРОМ автоматически удаляет определенные общие <code>sessionid</code>токены из имен действий пользователя, например, <code>jsessionid</code>для контейнеров Java, по умолчанию <code>sessionid</code>для PHP <code>CFID</code>и <code>CFTOKEN</code>для ColdFusion. Тем не менее, существует множество вариантов идентификатора сеанса, которые могут присутствовать в вашей среде. Если Ключ-АСТРОМ не распознает и не удаляет идентификаторы сеансов автоматически из определенных имен действий пользователя, с которыми вы сталкиваетесь, вам необходимо настроить собственные правила именования для этих действий пользователя.

=== Обнаружение имени действия ===
Ключ-АСТРОМ пытается присвоить действиям осмысленные имена. Для этого он проверяет несколько свойств действия, таких как внутренний HTML, заголовок и подсказка HTML-элемента, запускающего действие. Этот элемент может быть либо кнопкой, либо якорем. Он также пытается получить заголовок, если имеется более сложная структура HTML с несколькими вложенными тегами.

==== Установить имя действия с <code>data-dtname</code>настраиваемым атрибутом ====
Если стандартное определение имени действия не подходит для ваших целей, вы можете установить <code>data-dtname</code>настраиваемый атрибут в тегах HTML и использовать его в качестве подписи. Например, следующее действие:
 <code><label for="txtFirstname">Firstname</label> <input data-dtname="Firstname Text Input" type="text" value="firstname" name="firstname" title="Firstname" id="txtFirstname" /></code>
можно присвоить <code>click on "Firstname Text Input"</code>заголовок.

Чтобы настраиваемый атрибут отображался как имя действия пользователя, вам также необходимо настроить правило именования , которое включает <code>{elementIdentifier (default)}</code>заполнитель.

Если вы используете разные имена атрибутов для разных инструментов, вы можете установить альтернативу тому <code>data-dtname</code>, что Ключ-АСТРОМ может использовать для именования действий пользователя.

==== Разрешение подписей к действиям ====
RUM JavaScript использует несколько методов для выбора имени, которое лучше всего подходит для действия. Он начинается с самого внутреннего узла HTML, по которому щелкнули, например кнопки, тега изображения или ссылки, и проверяет следующее в порядке приоритета:

# <code>data-dtname</code>атрибут
# <code>nodeName</code>, такие как изображение, якорь или ввод . Он останавливается, когда <code>html</code>тег, <code>body</code>тег, <code>head</code>тег или <code>document</code>элемент найдены.
# <code>innerText</code>или же<code>textContent</code>

Если ни один из них не возвращает приемлемый результат, RUM JavaScript начинает применять рекурсивный алгоритм, который проверяет разные вещи в зависимости <code>nodeName</code>от проверяемого в данный момент узла HTML. Если ничего не найдено, проверяется родительский узел.

== Ключевые действия пользователя ==
Большинство приложений, как веб-, так и мобильных, включают в себя действия пользователя, которые особенно важны для успеха вашего цифрового бизнеса. Примерами таких действий являются регистрация, оформление заказа и поиск продукта. Выполнение таких ключевых пользовательских действий может занимать больше времени, чем другие, или их продолжительность может быть короче средней.

Например, предположим, что вы установили глобальный порог Apdex на 3 секунды. Хотя этот порог может быть приемлемым для большинства действий пользователя, он может быть неприемлем для действия пользователя при регистрации. В качестве альтернативы, поисковое действие может быть довольно сложным и требует больше времени, чем отведенные 3 секунды.

С помощью функции ключевого действия пользователя вы можете настроить пороговые значения Apdex для каждого из этих действий пользователя. Вы можете использовать эту функцию для отслеживания ключевых действий с помощью специальной плитки панели мониторинга и отслеживания исторических тенденций.

Вы можете определить до 500 ключевых действий пользователя для каждой среды во всех ваших приложениях и до 100 ключевых действий пользователя для каждого приложения.

Когда вы достигнете максимального ограничения ключевых действий пользователя, рассмотрите возможность использования вычисляемых метрик для мониторинга реальных пользователей , которые предлагают аналогичные возможности.

=== Отметить действие пользователя как ключевое действие пользователя ===
Веб-приложения

# В меню Ключ-АСТРОМ выберите Web .
# Выберите приложение и прокрутите вниз до раздела «Три основных действия пользователя » .
# Выберите Просмотреть полную информацию .
# Перейдите на вкладку 100 основных действий пользователя и выберите действие пользователя. Откроется страница сведений о действиях пользователя.
# В правом верхнем углу страницы сведений о действиях пользователя выберите Отметить как ключевое действие пользователя .

=== Закрепить ключевое действие пользователя на панели инструментов ===
Веб-приложения

# В меню Ключ-АСТРОМ выберите Web .
# Выберите приложение и прокрутите вниз до раздела «Три основных действия пользователя » .
# Выберите Просмотреть полную информацию .
# Перейдите на вкладку Основные действия пользователя и выберите необходимое ключевое действие пользователя. Откроется страница сведений о действиях пользователя.
# В правом верхнем углу страницы сведений о действиях пользователя выберите Закрепить на информационной панели .

=== Настройте рейтинг Apdex для ключевого действия пользователя ===
Веб-приложения

# В меню Ключ-АСТРОМ выберите Web .
# Выберите приложение и прокрутите вниз до раздела «Три основных действия пользователя » .
# Выберите Просмотреть полную информацию .
# Перейдите на вкладку Основные действия пользователя и выберите необходимое ключевое действие пользователя. Откроется страница сведений о действиях пользователя.
# В правом верхнем углу страницы сведений о действиях пользователя выберите Дополнительно ( … ) > Изменить > Ключевой показатель эффективности .
# Используйте ползунок, чтобы настроить пороги Apdex.