Performance monitor

Performance monitor ve FPS öğrenirsin.

Performance monitor nedir?

Performance monitor, React Native'in yerleşik FPS ve RAM ölçeridir. Geliştirici menüsünden Show Perf Monitor seçilince ekranda küçük bir pencere açılır; her saniye güncellenir. İki satır gösterir: JS ve UI iş parçacığı FPS değerleri.

FPS (saniyedeki kare) ne kadar yüksekse o kadar akıcıdır. 60 FPS idealdir; 30'un altı takılmaya işaret eder. RAM kullanımı da görünür; bu, memory leak şüphesinde yardımcı olur. Performance monitor, gerçek cihazda çalışır; simülatördeki değerler yanıltıcı olabilir. Kaydırma sırasında FPS düşüşünü izleyerek hangi ekranın yavaş olduğunu bulursun.

FPS ve RAM

Performance monitor iki FPS satırı gösterir. JS satırı JavaScript iş parçacığının hızını, UI satırı yerel çizim hızını yansıtır. Birincisi ağır hesaplar, ikincisi ağır çizim yüzünden düşer.

FPS düşüşünü izleyerek sorunun kaynağını anlarsın. JS düşüyorsa hesabını optimize et; UI düşüyorsa bileşen sayısını azalt. RAM ise zamanla artıyorsa memory leak olabilir; useEffect cleanup'ı eksik olabilir. Performance monitor bir başlangıç noktasıdır; ayrıntılı analiz için Flipper'ın Profiler sekmesi veya React DevTools'un Profiler'ı kullanılır. Sayıları yorumlamak, sorunun yerini tahmin etmeyi sağlar.

Uygulama Ağır hesap yaz

Performance monitor'da FPS'i düşürecek bir ağır hesap yaz. for döngüsü ile bin elemanlı bir dizi oluştur; her adımda arr.push(i) yap. i 0'dan 1000'e kadar gitsin.

Örnek çözümü göster

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

Kendini test et

Perf monitor menüsü

// Cihazı sallayarak menüyü aç, "____" seçeneğini seç

Cevabı göster

// Cihazı sallayarak menüyü aç, "Show Perf Monitor" seçeneğini seç

Ölçütü rolüne eşle

JS FPS

Hesap hızı
UI FPS

Çizim hızı
RAM

Bellek kullanımı
60 FPS

İdeal hedef
Performance monitor ne gösterir?
```
[Show Perf Monitor]
```
- CPU sıcaklığı
- Pil seviyesi
- Ağ hızı
- FPS ve RAM
Cevabı göster

FPS ve RAM — Performance monitor FPS ve RAM gösterir.

Sıradaki ders: Özet - Geliştirme araçları

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler