Чтобы просматривать данные о производительности в реальном времени, убедитесь, что ваше приложение использует версию SDK для мониторинга производительности, совместимую с обработкой данных в реальном времени. Узнайте больше о данных о производительности в реальном времени .
Отслеживайте ключевые показатели в личном кабинете
Чтобы узнать, как развиваются ваши ключевые показатели, добавьте их на доску показателей в верхней части панели мониторинга производительности . Вы можете быстро определить регрессию, наблюдая изменения за неделей или убедиться, что последние изменения в вашем коде повышают производительность.
Вот несколько примеров тенденций, которые вы можете отслеживать:
- Улучшение задержки первого ввода , поскольку вы изменили, когда ваше приложение загружает определенные файлы JavaScript.
- Сокращение времени первой отрисовки содержимого после перехода на использование CDN для ресурсов.
- Уменьшение размера полезной нагрузки ответа на сетевой запрос, так как вы реализовали использование эскизов.
- Увеличение времени отклика сети на вызов стороннего API во время сбоя экосистемы.
Каждый участник проекта Firebase может настроить свою собственную доску показателей. Вы можете отслеживать важные для вас метрики, в то время как другие участники проекта могут отслеживать совершенно другие наборы ключевых метрик на своих досках.
Чтобы добавить метрику на доску метрик, выполните следующие действия:
- Перейдите на панель производительности в консоли Firebase.
- Щелкните пустую карточку метрики, затем выберите существующую метрику, чтобы добавить ее на доску.
- Нажмите на заполненной карточке метрики, чтобы открыть дополнительные параметры, например заменить или удалить метрику.
На доске метрик отображаются собранные метрические данные с течением времени как в графической форме, так и в виде числового процентного изменения.
- Каждая карточка метрики отображает процентное изменение значения метрики за выбранный диапазон времени, а также последнее собранное значение метрики. Заявление в верхней части таблицы показателей представляет собой интерпретацию процентного изменения.
- По умолчанию на доске метрик отображается значение 75-го процентиля метрики, которое соответствует Core Web Vitals . Если вы хотите узнать, как разные сегменты пользователей воспринимают ваше приложение, выберите другой процентиль в раскрывающемся списке в верхней части страницы панели инструментов.
Что означают красный, зеленый и серый цвета?
Большинство метрик имеют желаемое направление тренда, поэтому на доске метрик используется цвет для отображения интерпретации того, имеют ли данные метрики тренд в хорошем или плохом направлении.
Например, предположим, что вы отслеживаете первую задержку ввода страницы (значение, которое должно быть небольшим). Если это значение увеличивается, на доске метрик процентное изменение метрики отображается красным цветом, привлекая внимание к возможной проблеме. Однако, если значение уменьшается или не изменяется, то на доске метрик процентное значение отображается зеленым или серым цветом соответственно.
Если метрика не имеет очевидного желаемого направления тренда, например размер полезной нагрузки ответа на сетевой запрос, то на доске метрик процентное изменение метрики всегда отображается серым цветом, независимо от тренда данных.
Что означают сплошные и пунктирные линии?
темно-синяя сплошная линия — значение метрики во времени
голубая пунктирная линия — значение метрики в определенное время в прошлом
Например, если вы выберете отображение диаграммы за последние 7 дней и наведете указатель мыши на 30 августа, светло-голубая пунктирная линия покажет значение метрики на 23 августа.
Просмотр трасс и их данных
Вы можете просмотреть все трассировки для своего приложения в таблице трассировок, которая находится в нижней части панели мониторинга производительности . В таблице каждый тип трассировки сгруппирован на соответствующей вложенной вкладке. Например, все трассировки сетевых запросов перечислены на вложенной вкладке Сетевые запросы .
В таблице трасс отображаются значения некоторых основных метрик для каждой трассы, а также процентное изменение значения каждой метрики. Эти значения рассчитываются на основе выбора процентиля и временного диапазона, установленных в верхней части вкладки «Панель мониторинга» . Вот некоторые примеры:
- Если вы выберете процентиль 75 % и временной диапазон Последние 7 дней , то значением показателя будет 75-й процентиль собранных данных за последний день , а процентное изменение будет изменением по сравнению с предыдущими 7 днями.
- Если вы затем измените временной диапазон на Последние 24 часа , значение метрики будет медианой собранных данных за последний час , а процентное изменение будет изменением по сравнению с предыдущими 24 часами.
Список трассировок на каждой вложенной вкладке можно отсортировать по значению метрики или по процентному изменению конкретной метрики. Это может помочь вам быстро определить потенциальные проблемы в вашем приложении.
Чтобы просмотреть все метрики и данные для определенной трассировки, щелкните имя трассы в таблице трассировок. В следующих разделах этой страницы содержится более подробная информация.
Просмотр дополнительных данных для конкретной трассировки
Мониторинг производительности предоставляет страницу устранения неполадок в консоли Firebase, на которой выделяются изменения метрик, что упрощает быстрое устранение и минимизацию влияния проблем с производительностью на ваши приложения и пользователей. Вы можете использовать страницу устранения неполадок, когда узнаете о потенциальных проблемах с производительностью, например, в следующих сценариях:
- Вы выбираете соответствующие показатели на панели инструментов и замечаете большую разницу.
- В таблице трасс вы сортируете так, чтобы самые большие дельты отображались вверху, и вы видите значительное процентное изменение.
- Вы получаете уведомление по электронной почте о проблеме с производительностью.
Вы можете получить доступ к странице устранения неполадок следующими способами:
- На панели метрик нажмите кнопку Просмотреть сведения о метрике .
- На любой карточке с метрикой выберите => Просмотреть подробности . На странице устранения неполадок отображается информация о выбранной вами метрике.
- В таблице трассировок щелкните имя трассы или любое значение метрики в строке, связанной с этой трассировкой.
- В оповещении по электронной почте нажмите «Исследовать сейчас ».
Когда вы щелкаете имя трассировки в таблице трассировок, вы можете перейти к интересующим вас метрикам. Нажмите кнопку фильтр» , чтобы отфильтровать данные по атрибуту, например:
- Отфильтруйте по URL-адресу страницы , чтобы просмотреть данные для конкретной страницы вашего сайта.
- Отфильтруйте по типу эффективного подключения , чтобы узнать, как подключение 3G влияет на ваше приложение.
- Отфильтруйте по стране , чтобы убедиться, что местоположение вашей базы данных не влияет на конкретный регион.
Просмотр всех собранных метрик для трассировки
После того, как вы нажмете на трассировку, вы сможете перейти к интересующим вас метрикам:
- Трассировки сетевых запросов . Доступные вкладки метрик — это время ответа и размер полезной нагрузки ответа .
- Пользовательские трассировки кода — вкладка метрики «Длительность» всегда доступна (метрика по умолчанию для этого типа трассировки). Если вы добавили какие-либо пользовательские метрики в пользовательскую трассировку кода, вкладка этих метрик также отображается.
- Трассировки загрузки страницы — доступные вкладки метрик включают первую отрисовку , первую отрисовку с содержанием , первую задержку ввода и события, связанные с DOM.
Сводку по эффективности для выбранной метрики можно найти прямо под вкладками метрик. Это включает в себя обзор тенденции показателя с течением времени в одном предложении и диаграмму для визуализации распределения данных по всему выбранному диапазону дат.
Просмотр подробной информации о данных
Вы можете фильтровать и сегментировать данные по атрибуту или щелкнуть, чтобы просмотреть данные в контексте сеанса использования приложения.
Например, чтобы понять, почему в последнее время у вас медленное время отклика сети и влияет ли страна на производительность, выполните следующие действия:
- Выберите страну из раскрывающегося списка атрибутов.
- В таблице отсортируйте по последнему значению, чтобы увидеть страны, которые оказывают наибольшее влияние на время отклика вашей сети.
- Выберите страны с наибольшими последними значениями, чтобы нанести их на график. Затем наведите курсор на временную шкалу на графике, чтобы узнать, когда время отклика сети замедлилось в этих странах.
- Чтобы дополнительно изучить основные причины проблем со временем отклика сети в определенных странах, добавьте фильтры для этих стран и продолжайте исследовать другие атрибуты (например, типы радиомодулей и устройства).