Mengukur kinerja kode JavaScript sangat penting untuk mengoptimalkan aplikasi web. Artikel ini menyediakan pendekatan langkah- demi langkah yang jelas untuk menghitung metrik kinerja menggunakan JavaScript.

Kesesuaian Pemahaman terhadap Metrik Performance

Metrik Prestasi egois membantu pengembang mengidentifikasi kebotolan dan meningkatkan efisiensi kode mereka. metrik umum termasuk waktu eksekusi, penggunaan memori, dan tingkat frame.

Wonedon Menggunakan API Kinerja

API Kinerja untuk API menyediakan alat untuk mengukur berbagai aspek eksekusi kode. performance.now() metode mengembalikan timestamp resolusi tinggi, ideal untuk waktu yang tepat.

Untuk mengukur waktu eksekusi, catatan timestamp sebelum dan sesudah blok kode:

Example:

const startTime = performance.now();

Kode / / / Kode untuk mengukur

Konst endTime = performance.now();

Durasi const = Waktu- akhir;

Menghitung Metrik Lainnya

Penggunaan memori gnome dapat diperiksa menggunakan performance.memory[ objek, yang menyediakan rincian seperti total ukuran tumpukan JS dan ukuran tumpukan yang digunakan. Perlu dicatat bahwa API ini didukung terutama dalam Chrome.

Untuk pengukuran laju bingkai morfonal, gunakan requestAnimasiFrame fungsi untuk melacak kinerja rendering dari waktu ke waktu.

Praktek Terbaik Praktek

Selalu melakukan pengukuran berkali-kali untuk memperhitungkan variabilitas. Gunakan rata-rata untuk mendapatkan hasil yang lebih akurat. Hindari pengukuran selama periode aktivitas tinggi yang dapat mempencong data.

  • Unador menggunakan pewaktu resolusi tinggi seperti performance.now()[.
  • Mengukur beberapa kali pengukuran untuk ketepatan.
  • Hasil perbandingan dengan perbandingan di bawah kondisi yang konsisten.
  • Penggunaan memori memonitor elason dengan performance.memory.
  • Performa penerapan trek dengan requestAnimationFrame.