Страницы и группы страниц

Страницы и группы страниц

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

• Используйте страницы для анализа пользовательских действий на одной веб-странице во всех сеансах пользователей.
• Используйте группы страниц для автоматической группировки пользовательских действий, которые ведут к технически похожим или одинаковым страницам, не теряя при этом деталей отдельных экземпляров.

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

Автоматическая группировка страниц и пользовательских действий

Рассмотрим наше демонстрационное приложение EasyTravel, портал бронирования путешествий.

Приложение EasyTravel

Главная страница EasyTravel представляет несколько предложений путешествий.

• Каждое предложение имеет собственную страницу с деталями.
• Страницы деталей технически идентичны; отличается только содержание.
• Примеры страниц деталей: /easytravel/journeys/123456 и /easytravel/journeys/654321. Эти страницы отличаются только идентификатором путешествия.

Группы страниц

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

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

• При использовании Angular или Vue.js Ключ-АСТРОМ автоматически инструментирует роутер вашего фреймворка, который сразу же предоставляет интуитивно понятные имена и группы.
• Если вы используете другие фреймворки, такие как React, Ключ-АСТРОМ использует интеллектуальную группировку на стороне кластера, основанную на уровнях пути и автоматическом обнаружении идентификаторов в пути страницы.

Пользовательские действия

Пользовательское действие может:

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

Действия загрузки в сравнении со страницами и группами страниц

Действия загрузки

Чтобы сгруппировать несколько действий загрузки, представляющих загрузки похожих или технически идентичных страниц, вы создаете заполнитель. Обычно вы заменяете все идентификаторы или детали, специфичные для сеанса, на унифицированную строку URL. Затем ваш заполнитель включается в правило именования пользовательских действий и применяется ко всем связанным действиям. В результате отдельные пользовательские действия, такие как Loading of page /journeys/62511135 и Loading of page /journeys/61303030, сопоставляются с общей строкой URL: Loading of page /journeys/id. Хотя это позволяет просматривать агрегированные данные о производительности для одной страницы (например, страниц деталей путешествий EasyTravel), вы теряете детали отдельных страниц (например, детали каждого конкретного путешествия).

Страницы и группы страниц

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

Определение собственной группировки страниц

Если автоматическая группировка не покрывает все варианты использования вашего приложения, используйте RUM JavaScript API для установки собственных имен страниц и групп.

В вашем файле index.js выполните вызов dtrum.enableManualPageDetection(), который указывает RUM JavaScript прекратить автоматическое обнаружение и группировку событий изменения страниц. Используйте команду dtrum.setPage(newPage: APIPage), чтобы задать желаемое имя страницы и группу:

dtrum.setPage({ name: "My page", group: "My page group" });

Доступ к страницам и группам страниц

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

Вкладки «Группы страниц» и «Страницы»

Страница обзора приложения отображает раздел Топ-3 страниц, который включает вкладки Группы страниц и Страницы. Выберите вкладку, которая отображает нужную вам степень детализации.

• Вкладка Группы страниц показывает три основные группы страниц по количеству просмотров в минуту.
  • Выберите группу, чтобы перейти на ее страницу обзора.
  • Выберите Просмотреть все группы страниц, чтобы открыть многомерный анализ для всех групп страниц.
• Вкладка Страницы показывает три основные страницы по количеству просмотров в минуту.
  • Выберите страницу, чтобы перейти непосредственно на ее страницу обзора.
  • Выберите Просмотреть все страницы, чтобы открыть многомерный анализ для всех страниц.

Страница многомерного анализа

Страница многомерного анализа предлагает особенно полезный обзор всех страниц или групп страниц. Эта страница может помочь найти ответы на следующие вопросы:

• Какие группы страниц или страницы наиболее просматриваемы?
• Какие наиболее посещаемы?
• В каких группах страниц или на каких страницах происходит больше всего действий?
• Какие содержат больше всего ошибок?
• Какие медленно загружаются при первоначальной загрузке страницы?
• Какие медленно работают при изменении маршрута?

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

Страница обзора страницы или группы страниц

На странице многомерного анализа выберите страницу или группу страниц, чтобы перейти на ее страницу обзора.

Построение графиков производительности страниц и групп страниц

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

Чтобы создать вычисляемую метрику для страницы или группы страниц:

1. Перейдите в раздел Веб.
2. Выберите приложение, чтобы отобразить его страницу обзора.
3. В разделе Влияние действий пользователей на производительность выберите Анализ производительности.
4. В разделе Детальный анализ за выбранный период выберите метрику производительности, а затем установите фильтр по имени страницы или группе страниц.
5. Выберите Создать метрику.

Подробнее о создании и отображении вычисляемых метрик см. в разделе «Создание вычисляемых метрик для веб-приложений».

Анализ изменений маршрутов

В одностраничных приложениях (SPA) и прогрессивных веб-приложениях (PWA) конечные пользователи не всегда вызывают полную перезагрузку страницы при переходе с одной страницы на другую. Такие веб-приложения используют компонент роутера, который асинхронно запрашивает только ресурсы, необходимые для построения новой страницы. Мягкие навигации (другими словами, «внутристраничные» навигации) поэтому также называются «изменениями маршрута» и повторно используют уже загруженные и отрисованные структуры HTML.

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

Чтобы проанализировать изменения маршрута:

1. Перейдите в раздел Веб.
2. Выберите приложение, чтобы отобразить его страницу обзора.
3. В разделе Топ-3 страниц выберите Просмотреть все группы страниц или Просмотреть все страницы.
4. В раскрывающемся списке Тип действия выберите Изменения маршрута, чтобы сфокусироваться на изменениях маршрута для отдельных групп страниц или страниц.
5. Выберите группу страниц или страницу, которую хотите проанализировать.
6. В разделе Производительность выберите Изменения маршрута из раскрывающегося списка, чтобы получить подробную информацию о производительности.
7. Выберите Выполнить каскадный анализ, чтобы проанализировать базовые действия изменения маршрута для этой страницы. Здесь вы можете поместить подробную информацию о производительности и ошибках в контекст.