Membuat profil performa Node.js dengan panel Performa

Nancy Li
Nancy Li
Dale St. Marthe
Dale St. Marthe

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

Apa itu 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. 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 profilnya.

    Semua cara untuk membuka DevTools untuk Node.

Membuat profil CPU

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

Tombol Rekam dan pemilih instance VM.

Menganalisis hasil pembuatan profil

Setelah Anda menghentikan perekaman, panel Performa akan mengatur dan menampilkan data tentang perekaman 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 di 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 paling banyak pekerjaan.

    Tab Hierarki Panggilan.

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

    Tab {i>Event Log<i}.

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.