Primeros pasos con Performance Monitoring para Flutter
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
En esta guía de inicio rápido, se describe cómo configurar Firebase Performance Monitoring para ayudarte a
obtener estadísticas sobre las características de rendimiento de tus apps de Flutter.
Desde el directorio raíz de tu proyecto de Flutter, ejecuta el siguiente
comando para instalar el complemento de Performance Monitoring para Flutter:
flutterpubaddfirebase_performance
En el directorio raíz de tu proyecto de Flutter, ejecuta el siguiente comando:
flutterfireconfigure
Ejecutar el comando garantiza que la configuración de Firebase de tu app de Flutter
esté actualizada y, en el caso de Android, agrega el complemento de Gradle de Performance Monitoring necesario a
tu app.
Cuando termines, vuelve a crear el proyecto de Flutter:
flutterrun
Una vez que agregues el SDK de Performance Monitoring, Firebase comienza a recopilar automáticamente
datos relacionados con el ciclo de vida de la app (como
la hora de inicio) y
datos para solicitudes de red de HTTP/S.
En Flutter, no se puede supervisar automáticamente el rendimiento del procesamiento
de pantalla en pantallas individuales de Flutter. Un solo controlador de vista encapsula tu
app de Flutter completa de forma nativa para que el SDK nativo de Firebase subyacente
no reconozca las transiciones de pantalla.
Paso 2: Genera eventos de rendimiento para obtener una visualización inicial de los datos
Firebase comienza a procesar los eventos cuando agregas correctamente el SDK a tu app. Si aún estás desarrollando de manera local, interactúa con la app a fin de generar eventos para la recopilación y el procesamiento de datos iniciales.
Sigue desarrollando la app con un simulador o un dispositivo de prueba.
Puedes generar eventos si alternas varias veces la ejecución de la app entre el primer y segundo plano,
si interactúas con la app mediante la navegación por las pantallas
o si activas solicitudes de red.
Ve al panel Rendimiento
de Firebase console. Deberías ver tus datos iniciales en
pocos minutos.
Haz clic en la URL para ver tus datos en Firebase console. Los datos pueden tardar unos
minutos en actualizarse en el panel.
Paso 4: Agrega supervisión personalizada para código específico (opcional)
Para supervisar los datos de rendimiento asociados con una parte específica del código de tu app, puedes instrumentar el seguimiento de código personalizado.
Con un seguimiento de código personalizado, puedes medir cuánto tiempo tarda la app en completar una tarea o un conjunto de tareas en específico, como cargar un conjunto de imágenes o consultar la base de datos. La métrica predeterminada de un seguimiento de código personalizado es su duración, pero también puedes agregar métricas personalizadas, como aciertos de caché y advertencias de memoria.
En el código, tú defines el inicio y el final de un seguimiento de código personalizado (y agregas
cualquier métrica personalizada que desees) con la API que proporciona el SDK de Performance Monitoring.
Una vez que hayas validado Performance Monitoring con un emulador y uno o más
dispositivos de prueba, puedes implementar la versión actualizada de la app para los usuarios.
Puedes supervisar los datos de rendimiento en el
panel Rendimiento
de Firebase console.
Próximos pasos
Obtén más información sobre los datos que recopila Performance Monitoring automáticamente:
Datos relacionados con el ciclo de vida de tu app, como su
hora de inicio
[[["Fácil de comprender","easyToUnderstand","thumb-up"],["Resolvió mi problema","solvedMyProblem","thumb-up"],["Otro","otherUp","thumb-up"]],[["Falta la información que necesito","missingTheInformationINeed","thumb-down"],["Muy complicado o demasiados pasos","tooComplicatedTooManySteps","thumb-down"],["Desactualizado","outOfDate","thumb-down"],["Problema de traducción","translationIssue","thumb-down"],["Problema con las muestras o los códigos","samplesCodeIssue","thumb-down"],["Otro","otherDown","thumb-down"]],["Última actualización: 2025-09-04 (UTC)"],[],[],null,["\u003cbr /\u003e\n\nThis quickstart describes how to set up Firebase Performance Monitoring to help\nyou to gain insight into the performance characteristics of your Flutter apps.\n\nBefore you begin\n\nIf you haven't already,\n[configure and initialize Firebase](/docs/flutter/setup) in your Flutter\nproject.\n\n**Step 1**: Add Performance Monitoring to your app\n\n1. From the root directory of your Flutter project, run the following\n command to install the Performance Monitoring Flutter plugin:\n\n flutter pub add firebase_performance\n\n2. From the root directory of your Flutter project, run the following command:\n\n flutterfire configure\n\n Running this command ensures that your Flutter app's Firebase configuration\n is up-to-date and, for Android, adds the required Performance Monitoring\n Gradle plugin to your app.\n3. Once complete, rebuild your Flutter project:\n\n flutter run\n\nAfter you've added the Performance Monitoring SDK, Firebase automatically starts collecting\ndata related to your app's lifecycle (like\n[app start time](/docs/perf-mon/app-start-foreground-background-traces)), and\ndata for [HTTP/S network requests](/docs/perf-mon/network-traces).\n\nOn Flutter, automatic screen rendering performance monitoring is not possible\nfor individual Flutter screens. A single view controller encapsulates your\nentire Flutter application natively so the underlying native Firebase SDK is\nnot aware of screen transitions.\n| **Note:** When you add Performance Monitoring to your app, the Remote Config SDK is included as a dependency. If you already use Remote Config, you won't see any difference. However, if you're new to Remote Config, explore the [Remote Config documentation](/docs/remote-config) to learn more about the various features you'll be able to access in your app.\n\n**Step 2**: Generate performance events for initial data display\n\nFirebase starts processing the events when you successfully add the SDK to your\napp. If you're still developing locally, interact with your app to generate\nevents for initial data collection and processing.\n| **Note:** The Performance Monitoring SDK batches events locally then sends them to Firebase periodically (every 30 seconds) or when the app comes back to foreground. So, there's a delay between an app interaction and when Firebase receives the event information from your app.\n\n1. Continue to develop your app using a simulator or test device.\n\n2. Generate events by switching your app between background and foreground\n several times, interacting with your app by navigating across screens,\n and/or triggering network requests.\n\n3. Go to the [*Performance* dashboard](//console.firebase.google.com/project/_/performance)\n of the Firebase console. You should see your initial data display within\n a few minutes.\n\n If you don't see a display of your initial data, review the [troubleshooting\n tips](/docs/perf-mon/troubleshooting?platform=ios#sdk-detected-no-data).\n\n**Step 3** : *(Optional)* View log messages for performance events\n\n1. Check your log messages for any error messages.\n\n Performance Monitoring tags its log messages with the following tags so that\n you can filter your log messages:\n - iOS+: `Firebase/Performance`\n - Android: `FirebasePerformance`\n2. Check for the following types of logs which indicate that Performance Monitoring is\n logging performance events:\n\n - `Logging trace metric: `\u003cvar translate=\"no\"\u003eTRACE_NAME\u003c/var\u003e`, `\u003cvar translate=\"no\"\u003eFIREBASE_PERFORMANCE_CONSOLE_URL\u003c/var\u003e\n - `Logging network request trace: `\u003cvar translate=\"no\"\u003eURL\u003c/var\u003e\n3. Click on the URL to view your data in the Firebase console. It may take a few\n moments for the data to update in the dashboard.\n\n**Step 4** : *(Optional)* Add custom monitoring for specific code\n\nTo monitor performance data associated with specific code in your app, you can\ninstrument [**custom code traces**](/docs/perf-mon/custom-code-traces?platform=flutter).\n\nWith a custom code trace, you can measure how long it takes your app to complete\na specific task or set of tasks, such as loading a set of images or querying\nyour database. The default metric for a custom code trace is its duration, but\nyou can also add custom metrics, such as cache hits and memory warnings.\n\nIn your code, you define the beginning and the end of a custom code trace (and\nadd any desired custom metrics) using the API provided by the Performance Monitoring SDK.\n\nVisit [Add monitoring for specific code](/docs/perf-mon/custom-code-traces?platform=flutter)\nto learn more about these features and how to add them to your app.\n\n**Step 5**: Deploy your app then review results\n\nAfter you've validated Performance Monitoring using the an emulator and one or more\ntest devices, you can deploy the updated version of your app to your users.\n\nYou can monitor performance data in the\n[*Performance* dashboard](//console.firebase.google.com/project/_/performance)\nof the Firebase console.\n\nNext steps\n\n- Learn more about data automatically collected by Performance Monitoring:\n\n - Data related to your app's lifecycle, like [app start time](/docs/perf-mon/app-start-foreground-background-traces)\n - Data for [HTTP/S network requests](/docs/perf-mon/network-traces) issued by your app\n- [View, track, and filter](/docs/perf-mon/console) your\n performance data in the Firebase console.\n\n- Add monitoring for specific tasks or workflows in your app by\n [instrumenting custom code traces](/docs/perf-mon/custom-code-traces?platform=flutter).\n\n- [Use attributes to filter performance data](/docs/perf-mon/attributes)."]]
