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

Supervisión de datos de rendimiento en la consola

Para ver los datos de rendimiento en tiempo real, asegúrese de que su aplicación utilice una versión del SDK de supervisión del rendimiento que sea compatible con el procesamiento de datos en tiempo real. Más información

Realice un seguimiento de las métricas clave en su panel de control

Para conocer las tendencias de sus métricas clave, agréguelas a su tablero de métricas en la parte superior del panel de rendimiento . Puede identificar rápidamente las regresiones al ver los cambios semana tras semana o verificar que los cambios recientes en su código están mejorando el rendimiento.

una imagen del tablero de métricas en el panel de Firebase Performance Monitoring

Aquí hay algunos ejemplos de tendencias que podría seguir:

  • Una mejora en el retraso de la primera entrada ya que ha cambiado cuando su aplicación carga ciertos archivos JavaScript
  • Una disminución en el tiempo para la primera pintura con contenido después de cambiar para usar un CDN para activos
  • Una caída en el tamaño de la carga útil de respuesta para una solicitud de red desde que implementó el uso de miniaturas
  • Un aumento en el tiempo de respuesta de la red para una llamada API de terceros durante una interrupción del ecosistema

Cada miembro de un proyecto de Firebase puede configurar su propio tablero de métricas. Puede realizar un seguimiento de las métricas que son importantes para usted, mientras que otros miembros del proyecto pueden realizar un seguimiento de conjuntos completamente diferentes de métricas clave en sus propios tableros.

Para agregar una métrica a su tablero de métricas, vaya al panel Rendimiento en la consola de Firebase, luego haga clic en la pestaña Panel . Haga clic en una tarjeta de métrica vacía, luego seleccione una métrica existente para agregar a su tablero. Haga clic en en una tarjeta de métrica completa para obtener más opciones, como reemplazar o eliminar una métrica.

El tablero de métricas muestra los datos métricos recopilados a lo largo del tiempo, tanto en forma gráfica como en forma de cambio de porcentaje numérico.

  • Cada tarjeta de métrica muestra el cambio porcentual en el valor de la métrica durante el intervalo de tiempo seleccionado, así como el valor recopilado más recientemente de la métrica. La declaración en la parte superior del tablero de métricas es una interpretación del cambio porcentual.
  • De forma predeterminada, el tablero de métricas muestra el valor medio de la métrica. Si desea ver cómo los diferentes segmentos de sus usuarios experimentan su aplicación, seleccione un percentil diferente del menú desplegable en la parte superior de la página del panel.

¿Qué significan los colores rojo, verde y gris?

La mayoría de las métricas tienen una dirección de tendencia deseada, por lo que el tablero de métricas usa colores para mostrar una interpretación de si los datos de la métrica tienen una tendencia en una buena o mala dirección.

Por ejemplo, digamos que está rastreando el primer retraso de entrada de una página (un valor que debería ser pequeño). Si este valor aumenta, el tablero de métricas muestra el cambio porcentual de la métrica en rojo, llamando la atención sobre un posible problema. Sin embargo, si el valor disminuye o no cambia, el tablero de métricas muestra el porcentaje en verde o gris, respectivamente.

Si una métrica no tiene una dirección de tendencia deseada obvia, como el tamaño de la carga útil de respuesta para una solicitud de red, el tablero de métricas siempre muestra el cambio porcentual de la métrica en gris, independientemente de la tendencia de los datos.

¿Qué significan las líneas continuas y discontinuas?

  • línea sólida azul oscuro: el valor de la métrica a lo largo del tiempo

  • línea discontinua azul claro: el valor de la métrica en un momento específico en el pasado
    Por ejemplo, si selecciona mostrar un gráfico de los últimos 7 días y se desplaza sobre el 30 de agosto, la línea discontinua azul claro le indica el valor de la métrica el 23 de agosto.



Ver rastros y sus datos

Puede ver todos los seguimientos de su aplicación en la tabla de seguimientos, que se encuentra en la parte inferior del panel de rendimiento . La tabla agrupa cada tipo de seguimiento dentro de una subpestaña adecuada. Por ejemplo, todos los seguimientos de solicitudes de red se enumeran en la subpestaña Solicitudes de red .

La tabla de seguimientos muestra los valores de algunas métricas principales para cada seguimiento, junto con el cambio porcentual del valor de cada métrica. Estos valores se calculan en función de las selecciones de percentil y rango de tiempo establecidos en la parte superior de la pestaña Tablero . Aquí hay unos ejemplos:

  • Si selecciona un percentil del 50 % y un intervalo de tiempo de Últimos 7 días , el valor de la métrica será la mediana de los datos recopilados del día más reciente y el cambio porcentual será el cambio desde los 7 días anteriores.

  • Si luego cambia el intervalo de tiempo a Últimas 24 horas , el valor de la métrica será la mediana de los datos recopilados de la hora más reciente y el cambio porcentual será el cambio desde las 24 horas anteriores.

Puede ordenar la lista de seguimientos en cada subpestaña por el valor de la métrica o por el cambio porcentual para una métrica específica. Esto puede ayudarlo a identificar rápidamente problemas potenciales en su aplicación.

Para ver todas las métricas y datos de un seguimiento específico, haga clic en el nombre del seguimiento en la tabla de seguimientos. Las siguientes secciones de esta página proporcionan más detalles.

Ver más datos para un seguimiento específico

Si hace clic en un nombre de seguimiento en la tabla de seguimientos, puede hacer clic en varias pantallas para explorar el seguimiento y profundizar en las métricas de interés. En la mayoría de las páginas, puede usar el botón filtro (parte superior izquierda de la pantalla) para filtrar los datos por atributo, por ejemplo:

una imagen de los datos de Firebase Performance Monitoring filtrados por atributo
  • Filtre por URL de página para ver los datos de una página específica de su sitio
  • Filtre por Tipo de conexión efectiva para saber cómo una conexión 3G afecta su aplicación
  • Filtre por país para asegurarse de que la ubicación de su base de datos no afecte a una región específica

Ver todas las métricas recopiladas para un seguimiento

Si hace clic en un nombre de rastreo en la tabla de rastreos, verá una descripción general de los datos del rastreo en las tarjetas de métricas.

Use las opciones en la parte superior derecha de la pantalla para ver los datos en conjunto o a lo largo del tiempo .

  • Rastreos de solicitudes de red : las tarjetas de métricas disponibles son el tiempo de respuesta y el tamaño de la carga de respuesta.
  • Seguimientos de código personalizados : la tarjeta de métrica Duración siempre está disponible (la métrica predeterminada para este tipo de seguimiento). Si agregó métricas personalizadas a un seguimiento de código personalizado, también se muestran esas tarjetas de métricas.
  • Seguimientos de carga de página : las tarjetas de métricas disponibles incluyen first paint , first contentful paint , first input delay y eventos relacionados con DOM.

Ver información detallada sobre los datos

Si hace clic en Ver más en cualquier tarjeta de métrica, puede revisar información más detallada sobre los datos recopilados y utilizar funciones de análisis más completas. Por ejemplo, puede filtrar y segmentar los datos por atributo.