FPS Sayacı
Bu FPS sayacıyla tarayıcınızın geçerli sayfayı ne kadar akıcı çizdiğini ölçün. Kareleri requestAnimationFrame ile örnekler; anlık, ortalama, en düşük ve en yüksek FPS değerlerini gösterir ve ağır sekmeler, animasyonlar, uzantılar, güç kısma veya ekran ayarları yüzünden oluşan düşüşleri fark edebilmeniz için kısa bir grafik çizebilir.
Tarayıcı FPS değeri nasıl ölçülür
-
1
Ölçüm süresini seçin
Beş saniye iyi bir varsayılan değerdir. Düzenli aralıklarla gelen takılmaları veya arka plan yükündeki değişimleri yakalamak istiyorsanız daha uzun bir ölçüm kullanın.
-
2
Yumuşatmayı ve uyarı eşiğini ayarlayın
Yumuşatma penceresi son karelerin ortalamasını alır; eşik ise test ettiğiniz cihazda kabul edilebilir saydığınız FPS seviyesini belirler.
-
3
Sayacı çalıştırın ve dağılımı okuyun
Anlık FPS son çizim hızını gösterir. Ortalama, en düşük ve en yüksek değerler oturumun sürekli akıcı geçip geçmediğini ya da gözle görülür düşüşler olup olmadığını ortaya koyar.
FPS sayacı neyi ölçer
Bu araç tarayıcının çizim temposunu ölçer, ekran kartının benchmark performansını değil. Tarayıcı yeni bir kare çizmeye hazır olduğu her seferde requestAnimationFrame örnekleyiciyi çağırır. İki geri çağırma arasındaki süre anlık kare hızını verir:
FPS = 1000 / frame_time_in_ms
Gösterilen anlık FPS, yumuşatma penceresi üzerinden alınan hareketli ortalamadır. 60 karelik pencere, normal 60 Hz ekranlarda iyi çalışır: tek karelik sıçramaları yatıştırır ama süregelen düşüşleri gizlemez. Küçük pencereler daha hızlı tepki verir, büyük pencereler daha durağan görünür.
Örnek üzerinden
Beş saniyelik bir ölçümün şu basitleştirilmiş kare aralıklarını kaydettiğini varsayalım:
| Kareler arası süre | Anlık FPS | Ne anlama gelir |
|---|---|---|
| 16,7 ms | 59,9 FPS | 60 Hz için tipik çizim |
| 8,3 ms | 120,5 FPS | 120 Hz için tipik çizim |
| 25,0 ms | 40,0 FPS | Birçok ekranda gözle görülür yavaşlama |
| 33,3 ms | 30,0 FPS | Ağır yük veya güç kısma |
Uyarı eşiğiniz 50 FPS ise ve ölçülen hareketli ortalama 47 FPS ile bitiyorsa, bazı kareler daha hızlı olsa bile sonuç hedefin altındadır. Ortalama 60 FPS civarında biterken ara sıra 45 FPS’ye düşüyorsa ortalama sağlıklıdır, ancak en düşük değer incelemeye değer takılmalar olduğunu söyler.
Sonuçları yorumlama
| Sonuç örüntüsü | Olası anlamı | Sıradaki kontrol |
|---|---|---|
| Ortalama yenileme hızına yakın, düşüşler seyrek | Çizim sağlıklı | Yalnızca gerekiyorsa başka bir tarayıcıyla karşılaştırın |
| Ortalama iyi, en düşük değer çok altta | Düzenli takılmalar | Ağır sekmeleri kapatın veya animasyonları inceleyin |
| Ortalama eşiğin altında | Sürekli yüksek çizim yükü | CPU kullanımını, uzantıları ve sayfa betiklerini kontrol edin |
| FPS 30 civarında sınırlanmış | Güç tasarrufu veya güç kısma | Pil modunu ve ekran ayarlarını kontrol edin |
Tarayıcı FPS değeri; ekranın yenileme hızından, işletim sisteminin birleştiricisinden, pil modundan, ısıl kısmadan, açık sekmelerden ve sayfanın kendisinden etkilenir. Testi önce sakin bir sekmede çalıştırın, sonra tanılamak istediğiniz sayfa veya uygulama etkinken tekrarlayın.
Sık Sorulan Sorular
Hayır. Bu sayaç tarayıcının requestAnimationFrame geri çağırmalarını ne sıklıkta aldığını ölçer. Web animasyonları ve sayfa akıcılığı kontrolü için kullanışlıdır, ancak yerel oyunlar için tam bir GPU benchmark aracı değildir.
Çoğu tarayıcı animasyon karelerini ekranın yenileme hızına hizalar. 60 Hz monitör genellikle 60 FPS’ye yakın değer bildirir; 120 Hz veya 144 Hz ekranlar ise tarayıcı ve işletim sistemi izin verdiğinde daha yüksek değerler bildirebilir.
60 Hz için normal bir akıcılık kontrolünde 50 FPS kullanın. Yüksek yenileme hızlı monitörlerde eşiği beklediğiniz deneyime yakın tutun; örneğin 90 FPS veya 120 FPS.
Hayır. Ölçüm, yerel zamanlama API’leriyle tarayıcınızda çalışır. Araç; kare verilerini, ekran görüntülerini veya cihaz bilgilerini hiçbir dış API’ye göndermez.
İlgili Araçlar
ASCII Tablosu Referansı
NUL, LF ve DEL dahil her kod için ondalık, onaltılık, sekizlik ve ikili değerlerle HTML sayısal karakter başvurusu gösterimini sunan tam ASCII tablosu.
HTML Karakter Referansı
HTML varlıklarının aranabilir listesi; adlandırılmış ve sayısal kodlarıyla birlikte özel karakter ve semboller için tek tıkla kopyalama.
Klavye kısayolları başvurusu
macOS, Windows ve Linux’ta VS Code, Chrome ve GNU Readline kullanan Bash için belgelenmiş varsayılan kısayolları arayın.
EditorConfig Oluşturucu
Girinti stili ve boyutu, satır sonu, karakter kümesi ve boşluk kurallarınızla bir .editorconfig dosyası oluşturarak IDE ve editörler arasında tutarlı biçimlendirme sağlayın.
E-posta Doğrulayıcı
Bir e-posta adresini doğrulayın: RFC 5322 sözdizimi kontrolü, canlı MX kaydı sorgulama, ayrıca yerel kısım, alan adı ve uzunluk bilgileri. Hiçbir e-posta gönderilmez.
Gradyan Duvar Kağıdı Oluşturucu
Dizüstü bilgisayar, telefon veya Zoom arka planları için bulanık üç renkli gradyan duvar kağıtları oluşturun. Açıyı ve bulanıklığı rastgele belirleyin ya da elle ayarlayın.
Araç diğer dillerde mevcuttur
- Penghitung FPS [ID]
- Contador de FPS [ES]
- Compteur de FPS [FR]
- FPS 카운터 [KO]
- FPS-teller [NL]
- ตัวนับ FPS [TH]
- عدّاد FPS [AR]
- FPS-Zähler [DE]
- Bộ đếm FPS [VI]
- FPS-räknare [SV]
- Licznik FPS [PL]
- Contador de FPS [PT]
- FPS カウンター [JA]
- Contatore FPS [IT]
- Счетчик FPS [RU]
- FPS 计数器 [ZH]
- FPS Counter [EN]