ตรวจสอบประสิทธิภาพของ javascript ที่เราเขียนด้วย Firebug

วันนี้เอาวิธีวัดความเร็วของ javascript ที่เราเขียนมาฝากครับ แต่ก่อนอื่นเพื่อนๆ ต้องมีการติดตั้ง add-on ที่ชื่อ Firebug ของ Firefox ไว้ด้วยนะครับ วิธีในการวัดความเร็วของ javascript ที่เราเขียนก็มีดังนี้ครับ

1. เพิ่มโค้ดเพื่อบอกให้ เพื่อบอกให้ Firebug รู้ว่าเราจะเริ่มจับเวลาตั้งแต่ส่วนนี้ไปนะ

console.time(‘first track’);

2. เมื่อต้องการให้ Firebug หยุดจับเวลา ก็ให้เพิ่มโค้ดนี้เข้าำไปครับ

console.timeEnd(‘first track’);

3. จากนี้เมื่อเราเปิดหน้าเว็บที่เราเพิ่มโค้ดเหล่านี้เข้าไปและได้ทำการเปิด Firebug ไว้ด้วย เราก็สามารถเข้าไปดู เวลาที่เราใช้ในการรันโค้ดในส่วนที่เราครอบไว้นานเท่าไหร่ครับ ในแท็บ Console ของ Firebug ครับ

ตัวอย่างโค้ดนะครับ กันงง ^^

<script type=”text/javascript”>

console.time(‘first track’);

var sum = 0;

for(var i=1;i<1000;i++){

sum += i;

}

console.timeEnd(‘first track’);

</script>

วิธีเข้าไปดูเวลาใน Firebug console ครับ

วิธีการดู Firebug console

วิธีการดู Firebug console

ก็เป็นเทคนิคในการใช้ Firebug เล็กๆ น้อยๆ หวังว่าจะเป็นประโยชน์กับเพื่อนๆ บ้างนะครับ ^^