Pengukuran Kinerja Javascript

Metode Performance.now ()

const t0 = performance.now();
for (let i = 0; i < array.length; i++) 
{
  // - 
}
const t1 = performance.now();
console.log(t1 - t0, 'milliseconds');

0.6350000001020817 "milliseconds"

1 milliseconds

Date.now () dan performance.now ()

Metode Console.time ()

console.time('test');
for (let i = 0; i < array.length; i++) {
  // - 
}
console.timeEnd('test');

test: 0.766845703125ms

test: 2ms - timer ended

Akurasi waktu berkurang

Sesuatu yang perlu diingat ketika menguji kinerja

▍ Bagilah dan taklukkan

▍ Mempertimbangkan fitur perilaku fungsi pada nilai input yang berbeda

▍ Jalankan fungsi berkali-kali

function testForEach(x) {
  console.time('test-forEach');
  const res = [];
  x.forEach((value, index) => {
    res.push(value / 1.2 * 0.1);
  });

  console.timeEnd('test-forEach')
  return res;
}

function testFor(x) {
  console.time('test-for');
  const res = [];
  for (let i = 0; i < x.length; i ++) {
    res.push(x[i] / 1.2 * 0.1);
  }

  console.timeEnd('test-for')
  return res;
}

const x = new Array(100000).fill(Math.random());
testForEach(x);
testFor(x);

test-forEach: 27ms - timer ended
test-for: 3ms - timer ended

testForEach(x);
testForEach(x);
testFor(x);
testFor(x);

test-forEach: 13ms - timer ended
test-forEach: 2ms - timer ended
test-for: 1ms - timer ended
test-for: 3ms - timer ended

▍ Uji kinerja di berbagai browser

test-forEach: 6.156005859375ms
test-forEach: 8.01416015625ms
test-for: 4.371337890625ms
test-for: 4.31298828125ms

▍ Menerapkan batasan buatan pada sumber daya sistem

▍ Mengukur kinerja relatif

Ringkasan