Performance Monitoring dalam Peluncuran Fitur

1. Ringkasan

Dalam codelab ini, Anda akan mempelajari cara memantau performa aplikasi selama peluncuran fitur. Aplikasi contoh kita akan memiliki fungsi dasar, dan disiapkan untuk menampilkan gambar latar belakang yang berbeda berdasarkan tanda Firebase Remote Config. Kita akan membahas pelacakan instrumentasi untuk memantau performa aplikasi, meluncurkan perubahan konfigurasi ke aplikasi, memantau efeknya, dan melihat cara meningkatkan performa.

Yang akan Anda pelajari

• Cara menambahkan Firebase Performance Monitoring ke aplikasi seluler untuk mendapatkan metrik siap pakai (seperti waktu mulai aplikasi dan frame lambat atau beku)
• Cara menambahkan rekaman aktivitas kustom untuk memahami jalur kode penting dari perjalanan pengguna Anda
• Cara menggunakan dasbor Performance Monitoring untuk memahami metrik dan melacak perubahan penting seperti peluncuran fitur
• Cara menyiapkan pemberitahuan performa untuk memantau metrik utama
• Cara meluncurkan perubahan Firebase Remote Config

Prasyarat

• Android Studio 4.0 atau yang lebih baru
• Emulator Android dengan API level 16 atau yang lebih tinggi.
• Java versi 8 atau yang lebih baru
• Pemahaman dasar tentang Firebase Remote Config

2. Menyiapkan project contoh

Mendownload kode

Jalankan perintah berikut untuk meng-clone kode contoh untuk codelab ini. Tindakan ini akan membuat folder bernama codelab-perf-rc-android di komputer Anda:

$ git clone https://github.com/FirebaseExtended/codelab-feature-rollout-performance.git

Jika tidak memiliki Git di komputer, Anda juga dapat mendownload kode langsung dari GitHub.

Impor project di folder firebase-perf-rc-android-start ke Android Studio. Anda mungkin akan melihat beberapa pengecualian runtime atau mungkin peringatan tentang file google-services.json yang hilang. Kita akan memperbaikinya di bagian berikutnya.

Dalam codelab ini, Anda akan menggunakan plugin Firebase Assistant untuk mendaftarkan aplikasi Android ke project Firebase dan menambahkan file konfigurasi, plugin, serta dependensi Firebase yang diperlukan ke project Android Anda — semuanya dari dalam Android Studio.

Menghubungkan aplikasi Anda ke Firebase

1. Buka Android Studio/Help > Check for updates untuk memastikan Anda menggunakan versi terbaru Android Studio dan Firebase Assistant.
2. Pilih Tools > Firebase untuk membuka panel Assistant.

3. Pilih Performance Monitoring untuk ditambahkan ke aplikasi Anda, lalu klik Mulai menggunakan Performance Monitoring.
4. Klik Connect to Firebase untuk menghubungkan project Android Anda dengan Firebase (tindakan ini akan membuka Firebase console di browser Anda).
5. Di Firebase console, klik Tambahkan project, lalu masukkan nama project Firebase (jika sudah memiliki project Firebase, Anda dapat memilih project yang ada). Klik Continue dan setujui persyaratan untuk membuat project Firebase dan Aplikasi Firebase baru.

Catatan: Anda dapat menonaktifkan Google Analytics secara opsional saat membuat project. Mengaktifkan Google Analytics akan memberikan opsi penargetan Firebase Remote Config yang diperluas. Namun, dalam codelab ini, kita akan menggunakan opsi penargetan yang tidak memerlukan Google Analytics.

Selanjutnya, Anda akan melihat dialog untuk Menghubungkan Aplikasi Firebase baru ke project Android Studio.

6. Klik Hubungkan.
7. Buka Android Studio. Di panel Assistant, Anda akan melihat konfirmasi bahwa aplikasi Anda terhubung ke Firebase.

Menambahkan Performance Monitoring ke aplikasi

Di panel Assistant di Android Studio, klik Add Performance Monitoring to your app.

Anda akan melihat dialog untuk Menerima Perubahan, setelah itu Android Studio akan menyinkronkan aplikasi Anda untuk memastikan bahwa semua dependensi yang diperlukan telah ditambahkan.

Terakhir, Anda akan melihat pesan berhasil di panel Assistant di Android Studio bahwa semua dependensi telah disiapkan dengan benar.

Sebagai langkah tambahan, aktifkan logging debug dengan mengikuti petunjuk di langkah "(Opsional) Aktifkan logging debug". Petunjuk yang sama juga tersedia di dokumentasi publik.

Untuk mempelajari cara lain untuk berintegrasi dengan Firebase Performance Monitoring, lihat Memulai Performance Monitoring untuk Android.

3. Menjalankan aplikasi

Sekarang Anda akan melihat file google-services.json di direktori modul (level aplikasi) aplikasi, dan aplikasi Anda sekarang akan dikompilasi. Di Android Studio, klik Run > Run 'app' untuk mem-build dan menjalankan aplikasi di emulator Android Anda.

Saat aplikasi berjalan, Anda akan melihat layar pembuka seperti ini terlebih dahulu:

Kemudian, setelah beberapa detik, halaman utama dengan gambar default akan ditampilkan:

Apa yang terjadi di balik layar?

Layar pembuka diterapkan di SplashScreenActivity dan melakukan hal berikut:

1. Di onCreate(), kita melakukan inisialisasi setelan Firebase Remote Config dan mengambil nilai konfigurasi yang akan Anda tetapkan di dasbor Remote Config nanti dalam codelab ini.
2. Di executeTasksBasedOnRC(), kita membaca nilai konfigurasi flag seasonal_image_url. Jika URL diberikan oleh nilai konfigurasi, kami akan mendownload image secara sinkron.
3. Setelah download selesai, aplikasi akan membuka MainActivity dan memanggil finish() untuk mengakhiri SplashScreenActivity.

Biasanya, Anda juga akan melakukan tugas inisialisasi lainnya secara paralel dan menampilkan layar pembuka setelah semuanya selesai. Dalam aplikasi, untuk memudahkan, kita hanya memiliki tugas download gambar selama inisialisasi.

Di MainActivity, jika seasonal_image_url ditentukan melalui Remote Config, fitur akan diaktifkan dan gambar yang didownload akan ditampilkan sebagai latar belakang halaman utama. Jika tidak, gambar default (ditampilkan di atas) akan ditampilkan.

4. Menyiapkan Remote Config

Setelah aplikasi berjalan, Anda dapat menyiapkan flag fitur baru.

1. Di panel kiri Firebase console, temukan bagian Engage, lalu klik Remote Config.
2. Klik tombol Create configuration untuk membuka formulir konfigurasi dan menambahkan seasonal_image_url sebagai kunci parameter.
3. Klik Tambahkan deskripsi, lalu masukkan deskripsi ini: Shows a seasonal image (replaces default) in the main page when the restaurant list is empty.
4. Klik Tambahkan baru -> Nilai kondisional -> Buat kondisi baru.
5. Untuk nama kondisi, masukkan Seasonal image rollout.
6. Untuk bagian Applies if..., pilih User in random percentile <= 0%. (Anda ingin menonaktifkan fitur ini hingga Anda siap untuk meluncurkannya di langkah berikutnya.)
7. Klik Buat condition. Anda akan menggunakan kondisi ini nanti untuk meluncurkan fitur baru kepada pengguna.

7. Buka Buat formulir parameter pertama dan temukan kolom Nilai untuk Peluncuran gambar musiman. Masukkan URL tempat gambar musiman akan didownload: https://images.unsplash.com/photo-1552691021-7043334e0b51
8. Biarkan nilai default sebagai string kosong. Artinya, gambar default di codebase akan ditampilkan, bukan gambar yang didownload dari URL.
9. Klik Save.

Anda dapat melihat bahwa konfigurasi baru dibuat sebagai draf.

10. Klik Publish changes dan konfirmasi perubahan di bagian atas untuk mengupdate aplikasi Anda.

5. Menambahkan pemantauan untuk waktu pemuatan data

Aplikasi Anda memuat beberapa data terlebih dahulu sebelum menampilkan MainActivity dan menampilkan layar pembuka untuk menyembunyikan proses ini. Anda tidak ingin pengguna menunggu terlalu lama di layar ini, jadi biasanya ada baiknya untuk memantau berapa lama layar pembuka ditampilkan.

Firebase Performance Monitoring menyediakan cara untuk melakukannya. Anda dapat menginstrumentasikan trace kode kustom untuk memantau performa kode tertentu di aplikasi, seperti waktu pemuatan data dan waktu pemrosesan fitur baru.

Untuk melacak berapa lama layar pembuka ditampilkan, Anda akan menambahkan trace kode kustom ke SplashScreenActivity, yang merupakan Activity yang menerapkan layar pembuka.

1. Lakukan inisialisasi, buat, dan mulai trace kode kustom bernama splash_screen_trace:

SplashScreenActivity.java

// ...
import com.google.firebase.perf.FirebasePerformance;
import com.google.firebase.perf.metrics.Trace;
// ...

public class SplashScreenActivity extends AppCompatActivity {

    private static final String TAG = "SplashScreenActivity";
    private static final String SEASONAL_IMAGE_URL_RC_FLAG = "seasonal_image_url";

    // TODO: Initialize splash_screen_trace
    private final Trace splashScreenTrace = FirebasePerformance.startTrace("splash_screen_trace");
    
    // ...
}

2. Akhiri rekaman aktivitas di metode onDestroy() dari SplashScreenActivity:

SplashScreenActivity.java

@Override
protected void onDestroy() {
    super.onDestroy();

    // TODO: Stop the splash_screen_trace here
    splashScreenTrace.stop();
}

Catatan: Rekaman aktivitas kode kustom yang ditambahkan di sini akan selalu dihentikan saat aplikasi membuka halaman utama karena finish() selalu memanggil onDestroy().

Karena fitur baru Anda mendownload dan memproses gambar, Anda akan menambahkan pelacakan kode kustom kedua yang akan melacak waktu tambahan yang telah ditambahkan fitur Anda ke SplashScreenActivity.

1. Lakukan inisialisasi, buat, dan mulai trace kode kustom bernama splash_seasonal_image_processing:

SplashScreenActivity.java

private void executeTasksBasedOnRC(FirebaseRemoteConfig rcConfig) {
    String seasonalImageUrl = rcConfig.getString(SEASONAL_IMAGE_URL_RC_FLAG);
    Log.d(TAG, SEASONAL_IMAGE_URL_RC_FLAG + ": " + seasonalImageUrl);

    if (!seasonalImageUrl.isEmpty()) {
        // TODO: Start the splash_seasonal_image_processing here
        final Trace seasonalImageProcessingTrace = FirebasePerformance
            .startTrace("splash_seasonal_image_processing");

        // ...
    }
}

2. Akhiri rekaman aktivitas di metode onLoadFailed() dan onResourceReady() dari RequestListener:

SplashScreenActivity.java

Glide.with(SplashScreenActivity.this.getApplicationContext())
    .asBitmap()
    .load(seasonalImageUrl)
    .signature(new ObjectKey(Utils.getCacheUUID()))
    .listener(new RequestListener<Bitmap>() {
        @Override
        public boolean onLoadFailed(
            @Nullable GlideException e,
            Object model, Target<Bitmap> target,
            boolean isFirstResource) {

            // TODO: Stop the splash_seasonal_image_processing here
            seasonalImageProcessingTrace.stop();

            launchMainActivity();
            return true;
        }

        @Override
        public boolean onResourceReady(Bitmap resource, Object model,
            Target<Bitmap> target, DataSource dataSource,
            boolean isFirstResource) {

            // TODO: Stop the splash_seasonal_image_processing here
            seasonalImageProcessingTrace.stop();

            launchMainActivity();
            return true;
        }
     })
     .preload();

Setelah menambahkan rekaman aktivitas kode kustom untuk melacak durasi layar pembuka (splash_screen_trace) dan waktu pemrosesan fitur baru (splash_seasonal_image_processing), jalankan aplikasi lagi di Android Studio. Anda akan melihat pesan logging yang berisi Logging trace metric: splash_screen_trace, diikuti dengan durasi rekaman aktivitas. Anda tidak akan melihat pesan log untuk splash_seasonal_image_processing karena Anda belum mengaktifkan fitur baru.

6. Menambahkan atribut kustom ke rekaman aktivitas

Untuk pelacakan kode kustom, Performance Monitoring otomatis mencatat atribut default (metadata umum seperti versi aplikasi, negara, perangkat, dll.) ke dalam log sehingga Anda dapat memfilter data untuk pelacakan tersebut di Firebase console. Anda juga dapat menambahkan dan memantau atribut khusus.

Di aplikasi, Anda baru saja menambahkan dua trace kode kustom untuk memantau durasi layar pembuka dan waktu pemrosesan fitur baru. Faktor yang dapat memengaruhi durasi ini adalah apakah gambar yang ditampilkan adalah gambar default atau apakah gambar harus didownload dari URL. Dan siapa tahu, Anda mungkin akhirnya memiliki URL yang berbeda untuk mendownload gambar.

Jadi, mari kita tambahkan atribut kustom yang mewakili URL gambar musiman ke trace kode kustom ini. Dengan begitu, Anda dapat memfilter data durasi menurut nilai ini nanti.

1. Tambahkan atribut kustom (seasonal_image_url_attribute) untuk splash_screen_trace di awal metode executeTasksBasedOnRC:

SplashScreenActivity.java

private void executeTasksBasedOnRC(FirebaseRemoteConfig rcConfig) {
    String seasonalImageUrl = rcConfig.getString(SEASONAL_IMAGE_URL_RC_FLAG);
    Log.d(TAG, SEASONAL_IMAGE_URL_RC_FLAG + ": " + seasonalImageUrl);

    // TODO: Add a custom attribute "seasonal_image_url_attribute" to splash_screen_trace
    if (seasonalImageUrl.isEmpty()) {
        splashScreenTrace.putAttribute("seasonal_image_url_attribute", "unset");
    } else {
        splashScreenTrace.putAttribute("seasonal_image_url_attribute", seasonalImageUrl);
    }

    // ...
}

2. Tambahkan atribut kustom yang sama untuk splash_seasonal_image_processing tepat setelah panggilan startTrace("splash_seasonal_image_processing"):

SplashScreenActivity.java

if (!seasonalImageUrl.isEmpty()) {
    // TODO: Start the splash_seasonal_image_processing here
    final Trace seasonalImageProcessingTrace = FirebasePerformance
        .startTrace("splash_seasonal_image_processing");

    // TODO: Add a custom attribute "seasonal_image_url_attribute" to splash_seasonal_image_processing
    seasonalImageProcessingTrace
        .putAttribute("seasonal_image_url_attribute", seasonalImageUrl);

    // ...
}

Setelah menambahkan atribut kustom (seasonal_image_url_attribute) untuk kedua rekaman aktivitas kustom (splash_screen_trace dan splash_seasonal_image_processing), jalankan aplikasi lagi di Android Studio. Anda akan melihat pesan logging yang berisi Setting attribute 'seasonal_image_url_attribute' to 'unset' on trace 'splash_screen_trace'. Anda belum mengaktifkan parameter Remote Config seasonalImageUrl, itulah sebabnya nilai atributnya adalah unset.

Performance Monitoring SDK akan mengumpulkan data rekaman aktivitas dan mengirimkannya ke Firebase. Anda dapat melihat data di dasbor Performance Firebase console, yang akan kami jelaskan secara mendetail di langkah berikutnya dalam codelab ini.

7. Mengonfigurasi dasbor Performance Monitoring

Mengonfigurasi dasbor untuk memantau fitur

Di Firebase console, pilih project yang memiliki aplikasi Friendly Eats Anda.

Di panel kiri, temukan bagian Rilis & Pantau, lalu klik Performa.

Anda akan melihat dasbor Performa dengan titik data pertama di bagan metrik. Performance Monitoring SDK mengumpulkan data performa dari aplikasi Anda dan menampilkannya dalam hitungan menit setelah pengumpulan.

Catatan: Jika Anda tidak melihat data, luncurkan ulang aplikasi dan biarkan berjalan setidaknya selama 30 detik, lalu muat ulang halaman Performa. Jika Anda masih tidak melihat data, tunggu beberapa menit, lalu muat ulang halaman Performa.

Papan metrik ini adalah tempat Anda dapat melacak metrik utama untuk aplikasi. Tampilan default mencakup durasi trace waktu mulai aplikasi, tetapi Anda dapat menambahkan metrik yang paling penting bagi Anda. Karena Anda melacak fitur baru yang ditambahkan, Anda dapat menyesuaikan dasbor untuk menampilkan durasi trace kode kustom splash_screen_trace.

1. Klik salah satu kotak Select a metric yang kosong.
2. Di jendela dialog, pilih jenis rekaman aktivitas Custom traces dan nama rekaman aktivitas splash_screen_trace.

3. Klik Select metric, dan Anda akan melihat durasi splash_screen_trace ditambahkan ke dasbor.

Anda dapat menggunakan langkah-langkah yang sama ini untuk menambahkan metrik lain yang penting bagi Anda sehingga Anda dapat dengan cepat melihat perubahan performanya dari waktu ke waktu dan bahkan dengan rilis yang berbeda.

Catatan: Karena fitur baru di aplikasi Anda belum diaktifkan, splash_seasonal_image_processing tidak akan ada dalam daftar rekaman aktivitas kustom.

Papan metrik adalah alat yang efektif untuk melacak performa metrik utama yang dialami pengguna Anda. Untuk codelab ini, Anda memiliki kumpulan data kecil dalam rentang waktu yang sempit, sehingga Anda akan menggunakan tampilan dasbor lain yang akan membantu Anda memahami performa peluncuran fitur.

8. Meluncurkan fitur

Setelah menyiapkan pemantauan, Anda siap meluncurkan perubahan Firebase Remote Config (seasonal_image_url) yang Anda siapkan sebelumnya.

Untuk meluncurkan perubahan, Anda akan kembali ke halaman Remote Config di Firebase console untuk meningkatkan persentil pengguna dari kondisi penargetan Anda. Biasanya, Anda akan meluncurkan fitur baru kepada sebagian kecil pengguna dan meningkatkannya hanya jika Anda yakin bahwa tidak ada masalah dengan fitur tersebut. Namun, dalam codelab ini, Anda adalah satu-satunya pengguna aplikasi, sehingga Anda dapat mengubah persentil menjadi 100%.

1. Klik tab Kondisi di bagian atas halaman.
2. Klik kondisi Seasonal image rollout yang Anda tambahkan sebelumnya.
3. Ubah persentil menjadi 100%.
4. Klik Simpan kondisi.
5. Klik Publikasikan perubahan dan konfirmasi perubahan.

Kembali ke Android Studio, mulai ulang aplikasi di emulator untuk melihat fitur baru. Setelah layar pembuka, Anda akan melihat layar utama status kosong yang baru.

9. Memeriksa perubahan performa

Sekarang, mari kita lihat performa pemuatan layar pembuka menggunakan dasbor Performa di Firebase console. Pada langkah codelab ini, Anda akan menggunakan berbagai bagian dasbor untuk melihat data performa.

1. Di tab Dasbor utama, scroll ke bawah ke tabel trace, lalu klik tab Trace kustom. Dalam tabel ini, Anda akan melihat trace kode kustom yang ditambahkan sebelumnya beserta beberapa trace siap pakai.
2. Setelah Anda mengaktifkan fitur baru, cari pelacakan kode kustom splash_seasonal_image_processing, yang mengukur waktu yang diperlukan untuk mendownload dan memproses gambar. Dari nilai Durasi rekaman aktivitas, Anda dapat melihat bahwa download dan pemrosesan ini memerlukan waktu yang cukup lama.

Catatan: Jika Anda tidak melihat data baru, tunggu beberapa menit dan muat ulang halaman Performa.

3. Karena memiliki data untuk splash_seasonal_image_processing, Anda dapat menambahkan durasi rekaman aktivitas ini ke panel metrik di bagian atas tab Dasbor.

Serupa dengan sebelumnya, klik salah satu kotak Select a metric yang kosong. Di jendela dialog, pilih jenis rekaman aktivitas Custom traces dan nama rekaman aktivitas splash_seasonal_image_processing. Terakhir, klik Pilih metrik untuk menambahkan metrik ini ke panel metrik.

4. Untuk lebih mengonfirmasi perbedaannya, Anda dapat melihat data untuk splash_screen_trace secara lebih cermat. Klik kartu splash_screen_trace di panel metrik, lalu klik Lihat detail metrik.

5. Di halaman detail, Anda akan melihat daftar atribut di kiri bawah, termasuk atribut kustom yang Anda buat sebelumnya. Klik atribut kustom seasonal_image_url_attribute untuk melihat durasi layar pembuka untuk setiap URL gambar musiman di sebelah kanan:

6. Nilai durasi layar pembuka Anda mungkin akan sedikit berbeda dengan yang ada di screenshot di atas, tetapi Anda harus memiliki durasi yang lebih lama saat gambar didownload dari URL dibandingkan menggunakan gambar default (diwakili oleh "unset").

Dalam codelab ini, alasan durasi yang lebih lama ini mungkin sederhana, tetapi dalam aplikasi sebenarnya, hal ini mungkin tidak begitu jelas. Data durasi yang dikumpulkan akan berasal dari berbagai perangkat, yang menjalankan aplikasi dalam berbagai kondisi koneksi jaringan, dan kondisi ini mungkin lebih buruk dari perkiraan Anda. Mari kita lihat cara Anda menyelidiki masalah ini jika ini adalah situasi di dunia nyata.

7. Klik Performa di bagian atas halaman untuk kembali ke tab utama Dasbor:
8. Di tabel trace di bagian bawah halaman, klik tab Network requests. Dalam tabel ini, Anda akan melihat semua permintaan jaringan dari aplikasi Anda digabungkan menjadi pola URL, termasuk pola URL images.unsplash.com/**. Jika membandingkan nilai waktu respons ini dengan keseluruhan waktu yang diperlukan untuk download dan pemrosesan gambar (yaitu, durasi rekaman aktivitas splash_seasonal_image_processing), Anda dapat melihat bahwa sebagian besar waktu dihabiskan untuk mendownload gambar.

Temuan performa

Dengan menggunakan Firebase Performance Monitoring, Anda melihat dampak berikut pada pengguna akhir dengan fitur baru yang diaktifkan:

1. Waktu yang dihabiskan untuk SplashScreenActivity telah meningkat.
2. Durasi untuk splash_seasonal_image_processing sangat besar.
3. Penundaan ini disebabkan oleh waktu respons untuk download gambar dan waktu pemrosesan yang sesuai yang diperlukan untuk gambar.

Pada langkah berikutnya, Anda akan mengurangi dampak pada performa dengan melakukan rollback fitur dan mengidentifikasi cara meningkatkan penerapan fitur.

10. Me-roll back fitur

Meningkatkan waktu tunggu pengguna selama layar pembuka tidak diinginkan. Salah satu manfaat utama Remote Config adalah kemampuan untuk menjeda dan membatalkan peluncuran tanpa harus merilis versi lain kepada pengguna. Hal ini memungkinkan Anda bereaksi dengan cepat terhadap masalah (seperti masalah performa yang Anda temukan di langkah terakhir) dan meminimalkan jumlah pengguna yang tidak puas.

Sebagai mitigasi cepat, Anda akan mereset persentil peluncuran kembali ke 0 sehingga semua pengguna akan melihat gambar default lagi:

1. Kembali ke halaman Remote Config di Firebase console.
2. Klik Kondisi di bagian atas halaman.
3. Klik kondisi Seasonal image rollout yang Anda tambahkan sebelumnya.
4. Ubah persentil menjadi 0%.
5. Klik Simpan kondisi.
6. Klik Publikasikan perubahan dan konfirmasi perubahan.

Mulai ulang aplikasi di Android Studio, dan Anda akan melihat layar utama status kosong asli:

11. Memperbaiki masalah performa

Sebelumnya di codelab, Anda menemukan bahwa mendownload gambar untuk layar pembuka menyebabkan aplikasi melambat. Dengan melihat lebih dekat gambar yang didownload, Anda melihat bahwa Anda menggunakan resolusi asli gambar, yang berukuran lebih dari 2 MB. Salah satu perbaikan cepat untuk masalah performa Anda adalah dengan mengurangi kualitas ke resolusi yang lebih sesuai sehingga gambar memerlukan waktu lebih sedikit untuk didownload.

Catatan: Untuk codelab ini, kami memilih untuk menyelesaikan masalah dengan mengurangi ukuran file, tetapi ada banyak cara untuk menyelesaikan masalah ini. Berdasarkan kebutuhan aplikasi, Anda dapat mempertimbangkan untuk mengubah kapan Remote Config mengambil nilai baru dibandingkan menggunakan nilai yang dimuat sebelumnya.

Meluncurkan kembali nilai Remote Config

1. Kembali ke halaman Remote Config di Firebase console.
2. Klik ikon Edit untuk parameter seasonal_image_url.
3. Perbarui Nilai untuk Peluncuran gambar musiman menjadi https://images.unsplash.com/photo-1552691021-7043334e0b51?w=640, lalu klik Simpan.

4. Klik tab Kondisi di bagian atas halaman.
5. Klik Peluncuran gambar musiman, lalu tetapkan persentil kembali ke 100%.
6. Klik Simpan kondisi.

7. Klik tombol Publikasikan perubahan.

12. Menguji perbaikan dan menyiapkan pemberitahuan

Menjalankan aplikasi secara lokal

Dengan nilai konfigurasi baru yang ditetapkan untuk menggunakan URL gambar download yang berbeda, jalankan aplikasi lagi. Kali ini, Anda akan melihat bahwa waktu yang dihabiskan di layar pembuka lebih singkat dari sebelumnya.

Melihat performa perubahan

Kembali ke dasbor Performance di Firebase console untuk melihat tampilan metrik.

1. Kali ini, Anda akan menggunakan tabel rekaman aktivitas untuk membuka halaman detail. Di bagian bawah tabel trace, di tab Custom traces, klik trace kustom splash_seasonal_image_processing untuk melihat kembali tampilan metrik durasinya yang lebih mendetail.

2. Klik atribut kustom seasonal_image_url_attribute untuk melihat perincian atribut kustom lagi. Jika mengarahkan kursor ke URL, Anda akan melihat nilai yang cocok dengan URL baru untuk gambar berukuran lebih kecil: https://images.unsplash.com/photo-1552691021-7043334e0b51?w=640 (dengan ?w=640 di akhir). Nilai durasi yang terkait dengan gambar ini jauh lebih pendek daripada nilai untuk gambar sebelumnya dan lebih dapat diterima oleh pengguna Anda.

Catatan: Jika Anda tidak melihat data baru, tunggu beberapa menit dan muat ulang halaman Performa.

3. Setelah meningkatkan performa layar pembuka, Anda dapat menyiapkan pemberitahuan untuk memberi tahu Anda saat trace melebihi nilai minimum yang Anda tetapkan. Buka dasbor Performa, lalu klik ikon menu tambahan (tiga titik) untuk splash_screen_trace, lalu klik Setelan pemberitahuan.

4. Klik tombol untuk mengaktifkan notifikasi Durasi. Tetapkan nilai minimum sedikit di atas nilai yang Anda lihat sehingga jika splash_screen_trace Anda melebihi nilai minimum, Anda akan menerima email.

Catatan: Untuk menghindari pemicuan selama pengembangan, pemberitahuan hanya dipicu saat Anda menerima lebih dari 100 peristiwa dalam satu jam sebelumnya. Karena codelab ini tidak menghasilkan banyak peristiwa, Anda tidak akan melihat pemberitahuan.

5. Klik Simpan untuk membuat pemberitahuan. Scroll ke bawah ke tabel trace, lalu klik tab Custom traces untuk melihat bahwa pemberitahuan Anda telah diaktifkan.

13. Selamat!

Selamat! Anda telah mengaktifkan Firebase Performance Monitoring SDK dan mengumpulkan rekaman aktivitas untuk mengukur performa fitur baru. Anda memantau metrik performa utama untuk peluncuran fitur baru dan bereaksi dengan cepat saat masalah performa ditemukan. Semua ini dapat dilakukan dengan kemampuan untuk membuat perubahan konfigurasi dengan Remote Config dan memantau masalah performa secara real time.

Yang telah kita bahas

• Menambahkan Firebase Performance Monitoring SDK ke aplikasi Anda
• Menambahkan trace kode kustom ke kode Anda untuk mengukur fitur tertentu
• Menyiapkan parameter Remote Config dan nilai kondisional untuk mengontrol/meluncurkan fitur baru
• Memahami cara menggunakan dasbor pemantauan performa untuk mengidentifikasi masalah selama peluncuran
• Menyiapkan pemberitahuan performa untuk memberi tahu Anda saat performa aplikasi melampaui batas yang Anda tetapkan

Pelajari lebih lanjut

• firebase.google.com
• Memulai Performance Monitoring untuk Android
• Mulai menggunakan Firebase Remote Config