Performans ölçümü

performance.now ve profiling ile bir işlemin süresini ölçmeyi öğrenirsin.

Süre ölçümü

Bir işlemin ne kadar sürdüğünü ölçmek için performance.now() kullanılır. Bu yöntem, sayfa yüklendiğinden beri geçen süreyi milisaniye cinsinden yüksek çözünürlükte verir.

Ölçüm yapmak için işlemden önce ve sonra birer değer alıp farklarını hesaplarsın. Bu teknik benchmark denilen kıyaslama testlerinde yaygındır.

Tarayıcı profil araçları ek olarak hangi fonksiyonun ne kadar sürdüğünü gösterir; ancak kod içi ölçüm için performance.now() en doğru seçenektir.

Uygulama Süre ölçen fonksiyon

measure adında bir fonksiyon yaz. fn parametresini alıp çalıştırsın ve performance.now() ile geçen süreyi milisaniye olarak döndürsün.

Örnek çözümü göster

performance.now() ile başlangıç ve bitiş zamanlarını al, farkı döndür.

Örnek çözüm:
function measure(fn) {
  const start = performance.now();
  fn();
  const end = performance.now();
  return end - start;
}

Güvenilir ölçüm

Birden fazla ölçümü yan yana karşılaştırmak için bir measure fonksiyonu yazabilirsin. Bu fonksiyon, kendisine verilen işlemi çalıştırır ve süreyi döndürür.

Ölçüm sonuçlarını yorumlarken tek çalıştırma yerine ortalamaya almak daha sağlıklıdır. Tek seferlik sonuç, çöp toplama veya diğer arka plan işleri yüzünden yanıltıcı olabilir.

Kendini test et

performance.now() ne döndürür?
- Tarih nesnesi
- Milisaniye cinsinden zaman
- Çalışan süre (saniye)
- Bellek kullanımı
Cevabı göster

Milisaniye cinsinden zaman — Doğru! performance.now() sayfa yüklendiğinden beri geçen süreyi milisaniye olarak verir.

Süre ölçümü

const start = ____;
heavyWork();
const end = performance.now();
console.log(end - start);

Cevabı göster

const start = performance.now();
heavyWork();
const end = performance.now();
console.log(end - start);

Zaman API'sini eşleştir

performance.now

ms cinsinden süre
Date.now

unix zaman damgası
console.time

basit süre ölçer
performance.mark

adlandırılmış işaret

Sıradaki ders: Memoization

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler