Membuat profil performa Node.js dengan panel Performa

Jecelyn Yeen
Nancy Li
Nancy Li
LinkedIn
Dale St. Marthe
Dale St. Marthe
GitHub LinkedIn

Gunakan panel Performa untuk membuat profil performa aplikasi Node.js dan Deno.

Apa yang dimaksud dengan profil CPU?

Profil CPU adalah laporan yang menunjukkan bagaimana CPU digunakan selama jangka waktu tertentu. Grafik ini dapat menunjukkan program mana yang paling banyak menggunakan waktu CPU, proses mana yang berjalan, dan berapa banyak waktu yang dihabiskan di setiap status. Dengan profil CPU, Anda dapat mengidentifikasi bottleneck performa dan mengoptimalkan penggunaan resource CPU.

Membuka DevTools untuk Node

  1. Pada command line, jalankan:

    Node.js

    node --inspect file-name.js

    Deno

    deno --inspect file-name.js

  2. Hubungkan ke DevTools untuk Node dengan salah satu cara berikut:

    • Buka DevTools dan klik tombol Node hijau di panel tindakan DevTools di bagian atas.

    • Di kolom URL, masukkan chrome://inspect, lalu klik salah satu opsi berikut:

      • Buka DevTools khusus untuk Node di bagian Perangkat.
      • Periksa di bagian target yang ingin Anda buat profil.

    Semua cara untuk membuka DevTools untuk Node.

Membuat profil CPU

Untuk membuat profil CPU, buka panel Performance, lalu klik tombol radio_button_checked Record dua kali untuk memulai dan mengakhiri pembuatan profil.

Tombol Record dan pemilih instance VM.

Menganalisis hasil pembuatan profil

Setelah Anda menghentikan perekaman, panel Performa akan mengatur dan menampilkan data tentang rekaman di "profil". Gunakan tab berikut untuk menganalisis data pembuatan profil:

  • Ringkasan linimasa. Terletak di bagian atas di bawah panel aktivitas. Menampilkan diagram aktivitas CPU dan NET pada linimasa. Gunakan laporan ini untuk mengidentifikasi bottleneck performa.

    Ringkasan Linimasa.

  • Bottom-Up: Gunakan tab ini untuk memeriksa bagian rekaman yang dipilih dan melihat gabungan waktu yang dihabiskan untuk aktivitas individual.

    Tab Bottom-Up.

  • Call Tree: Tab ini menampilkan aktivitas root dari bagian rekaman yang dipilih. Aktivitas root juga membuat stack panggilannya bertingkat. Gunakan tab ini untuk mengidentifikasi aktivitas mana yang menyebabkan pekerjaan terbanyak.

    Tab Hierarki Panggilan.

  • Log Peristiwa: Tab ini mencantumkan aktivitas dari bagian rekaman yang dipilih sesuai urutan kemunculannya.

    Tab Log Peristiwa.

Membuat profil dengan perintah console.profile()

DevTools memungkinkan Anda membuat profil performa CPU JavaScript dengan perintah console.profile(). Anda dapat menambahkan perintah ini ke kode Anda, lalu menjalankan file, atau menyalin dan menempelkan kode Anda ke Konsol. Panel Performa akan menampilkan hasilnya.

Untuk menggunakan perintah ini, ikuti langkah-langkah berikut:

  1. Sertakan kode Anda dengan console.profile() dan console.profileEnd(), misalnya:

    console.profile( profile ${i} );
// Code to be profiled
doSomething();
console.profileEnd();

  2. Jalankan kode Anda dengan salah satu dari dua cara berikut:

Setelah profil selesai, hasilnya akan otomatis ditampilkan di panel Performa.