Check out what’s new from Firebase at Google I/O 2022. Learn more

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

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

Отслеживайте ключевые показатели в личном кабинете

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

изображение доски метрик на панели мониторинга производительности Firebase

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

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

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

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

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

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

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

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

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

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

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

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

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



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

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

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

  • Если вы выберете процентиль 50 % и временной диапазон Последние 7 дней , значение метрики будет медианой собранных данных за последний день , а процентное изменение будет изменением по сравнению с предыдущими 7 днями.

  • Если вы затем измените временной диапазон на Последние 24 часа , значение метрики будет медианой собранных данных за последний час , а процентное изменение будет изменением по сравнению с предыдущими 24 часами.

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

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

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

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

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

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

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

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

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

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

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