Membuat profil performa Node.js dengan panel Performa

Jecelyn Yeen
Nancy Li
Nancy Li
LinkedIn
Dale St. Marthe
Dale St. Marthe
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 penggunaan CPU selama jangka waktu tertentu. Alat ini dapat menunjukkan program mana yang menggunakan waktu CPU paling banyak, proses mana yang sedang berjalan, dan berapa banyak waktu yang dihabiskan dalam setiap status. Dengan profil CPU, Anda dapat mengidentifikasi bottleneck performa dan mengoptimalkan penggunaan resource CPU.

Membuka DevTools untuk Node

  1. Di 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, lalu klik tombol Node hijau di panel tindakan DevTools di bagian atas.

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

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

    Semua cara untuk membuka DevTools untuk Node.

Membuat profil CPU

Untuk membuat profil CPU, buka panel Performa, lalu klik tombol 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 perekaman dalam "profil". Gunakan tab berikut untuk menganalisis data pembuatan profil:

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

    Ringkasan Linimasa.

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

    Tab Bottom-Up.

  • Hierarki Panggilan: Tab ini menampilkan aktivitas root dari bagian rekaman yang dipilih. Aktivitas root juga memiliki stack panggilan bertingkat. Gunakan tab ini untuk mengidentifikasi aktivitas mana yang menyebabkan pekerjaan paling banyak.

    Tab Hierarki Panggilan.

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

    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, lalu menjalankan file, atau menyalin dan menempelkan kode ke Konsol. Panel Performa akan menampilkan hasilnya.

Untuk menggunakan perintah ini, ikuti langkah-langkah berikut:

  1. Gabungkan 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.