Mulai Menggunakan Performance Monitoring untuk Flutter
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Panduan memulai ini menjelaskan cara menyiapkan Firebase Performance Monitoring untuk membantu Anda mendapatkan laporan tentang karakteristik performa aplikasi Flutter Anda.
Langkah 1: Menambahkan Performance Monitoring ke aplikasi Anda
Dari direktori root project Flutter Anda, jalankan perintah berikut untuk menginstal plugin Performance Monitoring Flutter:
flutterpubaddfirebase_performance
Dari direktori root project Flutter Anda, jalankan perintah berikut:
flutterfireconfigure
Dengan menjalankan perintah ini, Anda akan memastikan bahwa konfigurasi Firebase aplikasi Flutter sudah yang terbaru, dan untuk Android, plugin Gradle Performance Monitoring yang diperlukan sudah ditambahkan ke aplikasi Anda.
Setelah selesai, build ulang project Flutter Anda:
flutterrun
Setelah Anda menambahkan Performance Monitoring SDK, Firebase akan otomatis mulai mengumpulkan data yang terkait dengan siklus proses aplikasi Anda (seperti waktu mulai aplikasi), dan data untuk permintaan jaringan HTTP/S.
Pada Flutter, pemantauan performa rendering layar otomatis tidak dimungkinkan untuk setiap layar Flutter. Pengontrol tampilan tunggal merangkum seluruh aplikasi Flutter Anda secara native, sehingga Firebase SDK native yang mendasarinya tidak mengetahui transisi layar.
Langkah 2: Membuat peristiwa performa untuk tampilan data awal
Firebase mulai memproses peristiwa saat Anda berhasil menambahkan SDK ke aplikasi. Jika Anda masih melakukan pengembangan secara lokal, lakukan interaksi dengan aplikasi guna menghasilkan peristiwa untuk pengumpulan dan pemrosesan data awal.
Lanjutkan pengembangan aplikasi menggunakan simulator atau perangkat uji.
Hasilkan peristiwa dengan mengalihkan aplikasi antara berjalan di latar belakang dan di latar depan beberapa kali, berinteraksi dengan aplikasi Anda dengan berpindah-pindah dari layar ke layar, dan/atau memicu permintaan jaringan.
Buka dasbor Performance di Firebase console. Anda akan melihat tampilan data awal dalam beberapa menit.
Klik URL untuk melihat data Anda di Firebase console. Mungkin perlu waktu beberapa saat sampai data diperbarui di dasbor.
Langkah 4: (Opsional) Menambahkan pemantauan kustom untuk kode tertentu
Untuk memantau data performa yang terkait dengan kode tertentu di aplikasi, Anda dapat menginstrumentasikan trace kode kustom.
Dengan trace kode kustom, Anda dapat mengukur durasi yang dibutuhkan aplikasi untuk menyelesaikan satu atau serangkaian tugas tertentu, seperti memuat kumpulan gambar atau membuat kueri untuk database. Metrik default untuk trace kode kustom adalah durasinya, tetapi Anda juga dapat menambahkan metrik kustom, seperti cache ditemukan dan peringatan memori.
Dalam kode, tentukan awal dan akhir trace kode kustom (dan tambahkan metrik kustom yang diinginkan) menggunakan API yang disediakan oleh Performance Monitoring SDK.
Langkah 5: Men-deploy aplikasi Anda, lalu meninjau hasilnya
Setelah memvalidasi Performance Monitoring menggunakan emulator dan satu atau beberapa perangkat uji, Anda dapat men-deploy versi terbaru aplikasi Anda kepada pengguna.
Anda dapat memantau data performa dari dasbor Performance di Firebase console.
Langkah berikutnya
Pelajari lebih lanjut data yang otomatis dikumpulkan oleh Performance Monitoring:
Data yang terkait dengan siklus proses aplikasi Anda, seperti waktu mulai aplikasi
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Informasi yang saya butuhkan tidak ada","missingTheInformationINeed","thumb-down"],["Terlalu rumit/langkahnya terlalu banyak","tooComplicatedTooManySteps","thumb-down"],["Sudah usang","outOfDate","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Masalah kode / contoh","samplesCodeIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],["Terakhir diperbarui pada 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)."]]
