Mengukur Waktu Eksekusi Sebuah Blok Kode Javascript dengan Console.Time()

Berawal dari rasa penasaran saya ingin mengetahui mana yang lebih cepat antara for..in, for, dan map() untuk mengiterasi array di Javascript, saya mencari tutorial melalui mesin pencari untuk mencari teknik yang saya inginkan tersebut. Akhirnya saya menemukan teknik tersebut yaitu console.time(). Secara teknis sebuah blok kode yang akan Anda periksa harus diapit oleh console.time(‘nama-pengenal-blok-kode’) dan console.timeEnd(‘nama-pengenal-blok-kode’).

Dengan mengandalkan Firefox dan Chrome, saya mulai mencoba membuat kode Javascript seperti berikut. (simpan dengan nama file forvsmap.js):

temp_array = [];
for (i = 0; i < 1000; i++){
	temp_array.push(i);
}

console.time('waktu-yang-dibutuhkan-for-in');
x = 0;
for ( item in temp_array ){
	x += temp_array[item];
}
console.log('hasil penjumlahan pakai for-in: ' + x);
console.timeEnd('waktu-yang-dibutuhkan-for-in');

console.time('waktu-yang-dibutuhkan-map');
y=0;
temp_array.map(function(j){
	y += j;
});
console.log('hasil penjumlahan pakai map: ' + y);
console.timeEnd('waktu-yang-dibutuhkan-map');

console.time('waktu-yang-dibutuhkan-for');
x = 0;
for ( i = 0; i < temp_array.length; i++ ){
	x += temp_array[i];
}
console.log('hasil penjumlahan pakai for: ' + x);
console.timeEnd('waktu-yang-dibutuhkan-for');


kemudian sertakan kode javascript diatas ke file html yang akan kita buka di browser. Berikut adalah file HTML yang akan digunakan. (simpan dengan nama file index.html):

<html>
	<head>
		<script type="text/javascript" src="forvsmap.js"></script> 
	</head>
	<body>
	</body>
</html>

Hasilnya dapat Anda lihat seperti pada gambar dibawah berikut ini:

Mencoba console.time() di Firefox

Mencoba console.time() di Firefox

Mencoba console.time() di Chrome

Mencoba console.time() di Chrome

Dengan console.time(), Anda dapat mulai mencoba memeriksa lama eksekusi blok kode yang ingin Anda pantau. Ini hanyalah satu cara dari cara lain yang lebih expert. Di luaran sana banyak orang yang sudah lebih handal menggunakan tools tertentu. Semoga bermanfaat πŸ˜€

Iklan

2 pemikiran pada “Mengukur Waktu Eksekusi Sebuah Blok Kode Javascript dengan Console.Time()

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s