获取我们在 Firebase 峰会上发布的所有信息,了解 Firebase 可如何帮助您加快应用开发速度并满怀信心地运行应用。了解详情

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. Obtenga más información sobre los datos de rendimiento en tiempo real .

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, siga estos pasos:

  1. Vaya al panel de rendimiento en la consola de Firebase.
  2. Haga clic en una tarjeta de métrica vacía, luego seleccione una métrica existente para agregar a su tablero.
  3. Haga clic en en una tarjeta de métrica completa para obtener más opciones, por ejemplo, para 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 del percentil 75 de la métrica, que se alinea con Core Web Vitals . 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 75 % y un intervalo de tiempo de Últimos 7 días , el valor de la métrica será el percentil 75 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

Performance Monitoring proporciona una página de solución de problemas en Firebase console que resalta los cambios de métricas, lo que facilita abordar rápidamente y minimizar el impacto de los problemas de rendimiento en sus aplicaciones y usuarios. Puede usar la página de solución de problemas cuando se entera de posibles problemas de rendimiento, por ejemplo, en los siguientes escenarios:

  • Selecciona métricas relevantes en el tablero y nota un gran delta.
  • En la tabla de seguimientos, ordena para mostrar los deltas más grandes en la parte superior y ve un cambio porcentual significativo.
  • Recibe una alerta por correo electrónico que le notifica un problema de rendimiento.

Puede acceder a la página de solución de problemas de las siguientes maneras:

  • En el panel de métricas, haga clic en el botón Ver detalles de métricas .
  • En cualquier tarjeta de métrica, seleccione => Ver detalles . La página de solución de problemas muestra información sobre la métrica que seleccionó.
  • En la tabla de seguimientos, haga clic en un nombre de seguimiento o cualquier valor de métrica en la fila asociada con ese seguimiento.
  • En una alerta por correo electrónico, haga clic en Investigar ahora .

Cuando hace clic en un nombre de rastreo en la tabla de rastreos, puede profundizar en las métricas de interés. Haga clic en el botón filtro 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

Una vez que hace clic en un seguimiento, puede profundizar en las métricas de interés:

  • Rastreos de solicitudes de red : las pestañas de métricas disponibles son el tiempo de respuesta y el tamaño de la carga de respuesta.
  • Seguimientos de código personalizados : la pestaña de la 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 pestañas de métricas.
  • Rastreos de carga de página : las pestañas de métricas disponibles incluyen primera pintura , primera pintura con contenido, primer retraso de entrada y eventos relacionados con DOM.
una imagen del gráfico de distribución de Firebase Performance Monitoring

Puede encontrar un resumen de rendimiento para la métrica seleccionada justo debajo de las pestañas de métricas. Esto incluye una descripción general de una oración de la tendencia de la métrica a lo largo del tiempo y un gráfico para visualizar la distribución de los datos en todo el intervalo de fechas seleccionado.

Ver información detallada sobre los datos

Puede filtrar y segmentar los datos por atributo, o puede hacer clic para ver los datos en el contexto de una sesión de uso de la aplicación.

Por ejemplo, para comprender por qué el tiempo de respuesta de su red reciente es lento y si un país está afectando el rendimiento, siga estos pasos:

  1. Seleccione País en el menú desplegable de atributos.
  2. En la tabla, ordene por el valor más reciente para ver los países que tienen el mayor impacto en los tiempos de respuesta de su red.
  3. Seleccione los países con los últimos valores más altos para representarlos en el gráfico. Luego, desplace el cursor sobre la línea de tiempo en el gráfico para saber cuándo se redujeron los tiempos de respuesta de la red en esos países.
  4. Para investigar más a fondo las causas fundamentales de los problemas de tiempo de respuesta de la red en países específicos, agregue filtros para esos países y continúe investigando otros atributos (como tipos de radio y dispositivos).