Panel performa: Menganalisis performa situs

Dale St. Marthe
Dale St. Marthe

Gunakan panel Performa untuk menganalisis performa situs Anda.

Ringkasan

Panel Performance memungkinkan Anda merekam profil performa CPU aplikasi web. Analisis profil untuk menemukan potensi bottleneck performa dan cara mengoptimalkan penggunaan resource.

Gunakan panel Performance untuk melakukan tindakan berikut:

  • Rekam profil performa.
  • Mengubah setelan pengambilan gambar.
  • Menganalisis laporan performa.

Untuk mendapatkan panduan komprehensif tentang cara meningkatkan performa situs Anda, lihat Menganalisis performa runtime.

Membuka panel Performa

Untuk membuka panel Performa, buka DevTools lalu pilih Performa dari kumpulan tab di bagian atas.

Atau, ikuti langkah-langkah berikut untuk membuka panel Performance dengan menu Perintah:

  1. Buka DevTools.
  2. Buka Command menu dengan menekan:
  3. macOS: Command+Shift+P
  4. Windows, Linux, ChromeOS: Control+Shift+P Menu Perintah dengan
  5. Mulai ketik Performance panel, pilih Tampilkan panel Performa, lalu tekan Enter.

Merekam profil performa

Jika Anda sudah siap merekam, panel Performance akan memberi Anda opsi berikut:

Mengubah setelan pengambilan

Setelan perekaman memungkinkan Anda mengubah cara DevTools merekam rekaman performa dan dapat memberi Anda informasi tambahan dalam laporan. Klik Setelan pengambilan setelan untuk mengakses menu Setelan pengambilan.

Pilih opsi berikut dari menu Setelan pengambilan:

Menganalisis laporan performa

Lihat Menganalisis rekaman performa untuk mengetahui panduan lengkap tentang cara menggunakan panel Performa.

Berikut ini menyajikan pengelompokan topik dari panduan, ditambah dokumentasi bermanfaat lainnya:

Untuk mempelajari cara melihat laporan:

Untuk mempelajari cara berfokus pada hal yang penting bagi alur kerja Anda:

Untuk mempelajari tab Bottom-up, Hierarki panggilan, dan Log peristiwa:

Untuk mempelajari cara menganalisis laporan:

Tingkatkan performa dengan panel ini

Temukan panel lain yang dapat membantu Anda meningkatkan performa situs Anda: