Мониторинг данных производительности в консоли

Чтобы просматривать данные о производительности в реальном времени, убедитесь, что ваше приложение использует версию Performance Monitoring SDK, совместимую с обработкой данных в реальном времени. Узнайте больше о данных о производительности в реальном времени .

Отслеживайте ключевые показатели на панели управления

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

изображение доски показателей на панели мониторинга Firebase Performance Monitoring

Вот несколько примеров тенденций, которые вы можете отслеживать:

  • Улучшение задержки первого ввода , поскольку вы изменились, когда ваше приложение загружает определенные файлы JavaScript.
  • Уменьшение времени первой отрисовки контента после перехода на использование CDN для активов.
  • Уменьшение размера полезных данных ответа для сетевого запроса, поскольку вы реализовали использование миниатюр.
  • Увеличение времени ответа сети на вызов стороннего API во время сбоя экосистемы.

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

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

  1. Перейдите на панель «Производительность» в консоли Firebase.
  2. Нажмите пустую карточку показателя, затем выберите существующий показатель, чтобы добавить его на доску.
  3. Нажмите на заполненной карточке показателя, чтобы просмотреть дополнительные параметры, например заменить или удалить показатель.

На панели показателей отображаются собранные данные показателей с течением времени как в графической форме, так и в виде численного процентного изменения.

  • На каждой карточке метрики отображается процентное изменение значения метрики за выбранный диапазон времени, а также последнее собранное значение метрики. Заявление в верхней части таблицы показателей представляет собой интерпретацию процентного изменения.
  • По умолчанию на доске метрик отображается значение 75-го процентиля метрики, которое соответствует базовым показателям веб-показателей . Если вы хотите просмотреть, как разные сегменты пользователей воспринимают ваше приложение, выберите другой процентиль из раскрывающегося списка в верхней части страницы панели мониторинга.

Что означают красный, зеленый и серый цвета?

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

Например, предположим, что вы отслеживаете задержку первого ввода страницы (значение, которое должно быть небольшим). Если это значение увеличивается, то на панели показателей процентное изменение показателя отображается красным цветом, привлекая внимание к возможной проблеме. Однако если значение уменьшается или не меняется, на панели показателей процент отображается зеленым или серым цветом соответственно.

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

Что означают сплошные и пунктирные линии?

  • темно-синяя сплошная линия — значение показателя с течением времени.

  • голубая пунктирная линия — значение показателя в определенный момент в прошлом.
    Например, если вы выберете отображение диаграммы за последние 7 дней и наведете курсор на 30 августа, голубая пунктирная линия покажет вам значение показателя на 23 августа.



Просмотр трассировок и их данных

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

В таблице трассировок отображаются значения некоторых основных метрик для каждой трассировки, а также процентное изменение значения каждой метрики. Эти значения рассчитываются на основе выбранных процентилей и временного диапазона, установленных в верхней части вкладки «Панель мониторинга» . Вот некоторые примеры:

  • Если вы выберете процентиль 75 % и временной диапазон Последние 7 дней , то значение метрики будет 75-м процентилем собранных данных за самый последний день , а процентное изменение будет соответствовать изменению, произошедшему за 7 дней назад.
  • Если затем вы измените временной диапазон на «Последние 24 часа» , то значением показателя будет медиана собранных данных за последний час , а процентное изменение будет изменением за 24 часа до этого.

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

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

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

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

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

Вы можете получить доступ к странице устранения неполадок следующими способами:

  • На панели мониторинга показателей нажмите кнопку «Просмотреть сведения о метрике» .
  • На любой карточке показателя выберите => Посмотреть подробности . На странице устранения неполадок отображается информация о выбранной вами метрике.
  • В таблице трассировок щелкните имя трассировки или любое значение метрики в строке, связанной с этой трассировкой.
  • В уведомлении по электронной почте нажмите «Провести расследование» .

Щелкнув имя трассировки в таблице трассировок, вы сможете перейти к интересующим метрикам. Нажмите кнопку Кнопка фильтра для фильтрации данных по атрибуту, например:

изображение данных мониторинга производительности Firebase, фильтруемых по атрибуту
  • Фильтруйте по URL-адресу страницы , чтобы просмотреть данные для конкретной страницы вашего сайта.
  • Отфильтруйте по эффективному типу подключения , чтобы узнать, как соединение 3G влияет на ваше приложение.
  • Фильтруйте по стране , чтобы убедиться, что расположение вашей базы данных не влияет на определенный регион.

Просмотр всех собранных показателей для трассировки

Щелкнув трассировку, вы можете перейти к интересующим метрикам:

  • Трассировки сетевых запросов . Доступные вкладки показателей: время ответа и размер полезных данных ответа .
  • Трассировки пользовательского кода — вкладка метрики «Длительность» всегда доступна (метрика по умолчанию для этого типа трассировки). Если вы добавили какие-либо пользовательские метрики в трассировку пользовательского кода, эти вкладки метрики также отображаются.
  • Трассировки загрузки страницы . Доступные вкладки показателей включают в себя первую отрисовку , первую отрисовку содержимого , первую задержку ввода и события, связанные с DOM.
изображение диаграммы распределения Firebase Performance Monitoring

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

Просмотр подробной информации о данных

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

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

  1. Выберите «Страна» в раскрывающемся списке атрибутов.
  2. В таблице отсортируйте данные по последнему значению, чтобы увидеть страны, которые оказывают наибольшее влияние на время ответа вашей сети.
  3. Выберите страны с самыми большими последними значениями, чтобы нанести их на график. Затем наведите курсор на временную шкалу на графике, чтобы узнать, когда время ответа сети в этих странах замедлилось.
  4. Чтобы дополнительно изучить коренные причины проблем со временем отклика сети в конкретных странах, добавьте фильтры для этих стран и продолжайте исследование других атрибутов (например, типов радиомодулей и устройств).