
Yazdığınız javascript kodlarının ne kadar süre zaman aldığını firebug yardımı ile hesaplayabilirsiniz. Nasıl işlediğini incelemek için bir html sayfası açıp bunun içerisine javascript kodlarını yazalım.
İlk başta javascript kodlarını açıp kapadıktan sonra zaman hesabını göstermek için console ismindeki objenin time fonksiyonunu kullanıyoruz.
Burda time fonksiyonunu verdiğimizde parametre olarak bir isim vermemiz gerekiyor Bu isi aynı zamanda time fonksiyonu başlatma işlemi için geçerliyken timeEnd fonksiyonu ise bu verdiğimiz ismin bitişini temsil ediyor.
<script language="javascript" type="text/javascript">
console.time('hesapla');
console.timeEnd('hesapla');
</script>
Mesela buraya hesapla isminde bir isim verirsem console.timeEnd dediğimde bu hesapla ifadesinin bitişini hesaplamış oluyorum. Bu anlamda birden fazla hesaplama işlemi yaptırabiliriz.
Örnek olarak basit bir for döngüsünün ne kadar zaman aldığını incelemek için i değişkeni sıfırdan başlayıp 100 e kadar giden bir basit for döngüsü yazalım bu sayfayı arkasından firefoxta açıp firebug ile ne kadar zaman aldığını hesaplayabiliriz.
<script language="javascript" type="text/javascript">
console.time('hesapla');
for(i=0; i<=10000; i++){
}
console.timeEnd('hesapla');
</script>
firebug konsolunu burdan tıklayarak açabiliyordum. Bu a sayfamı sürükleyip daha sonra firebug ı burdan tıklayarak aktif hale getirdiğimde Konsol kısmında sayfayı yenilediğimde hesapla 1ms mesajını görüyorum.
Yani sıfırdan 100 e kadar i döngüsünü yapma işlemimiz 1 milisaniye sürdü.
Bunu tekrar hesaplamak için daha büyük bir sayı yazalım bu sefer 100 değil 10 000 değerini verdim ve sayfamı tekrar çağırdığımda 17ms sürdüğünü söylüyor.
Az önce belirttiğim gibi birden fazla time fonksiyonuna ifade vererek mesala bunlara hesapla2 diyelim
<script language="javascript" type="text/javascript">
console.time('hesapla');
for(i=0; i<=10000; i++){
}
console.timeEnd('hesapla');
console.time('hesapla2');
for(i=0; i<=100000; i++){
}
console.timeEnd('hesapla2');
</script>
Hesaplama işlemini gerçekleştirebiliriz. İki hesaplamayı kıyaslamak için 1 den on bine ve sıfırdan yüzbine kadar olan iki döngüyü ayrı ayrı hesaplayalım ve konsol da sonucu görelim sayfaları çağırdığımızda sıfırdan on bine kadar döngünün 8 mili saniye ve sıfırdan yüz bine kadar olan döngümüzün ise 132 milisaniye sürdüğünü görüyoruz Bu mantıkla console objesindeki time ve timeEnd fonksiyonunda ki komutları kullanarak yazdığımız javascript komutlarının ne kadar süre zaman aldığını görebiliriz