Softonic

FPS Sayacı

Adım 1 / 3 Mevcut FPS
Saniye
kare
FPS
Sonraki

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. 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. 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. 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

JSON Biçimlendirici

JSON metnini 2 veya 4 boşlukla okunabilir hale getirmek, kompakt çıktıya küçültmek ya da sonucu kopyalamadan önce söz dizimini hızlıca kontrol etmek için yapıştırın.

Renk Paleti Jeneratörü

Temel bir HEX renginden monokromatik, analog, tamamlayıcı, triadik veya tetradik paletler oluşturun ve kopyalamaya hazır CSS değişkenleri alın.

HEX Renk Seçici

Rengi görsel olarak seçin; HEX, RGB, HSL, HSV ve CMYK değerlerini, beyaz ve siyaha göre kontrastla birlikte görün.

Rastgele Harf Oluşturucu

Rastgele A-Z harfleri oluşturun. Sayıyı, büyük harfi, küçük harfi veya karışık biçimi seçin; sonucu oyunlarda, yönergelerde ya da sınıf etkinliklerinde kullanın.

Rastgele Renk Oluşturucu

CSS, testler veya palet keşfi için önizleyip kopyalayabileceğiniz 1 ile 50 arasında rastgele HEX rengi oluşturun.

Rastgele Renk Paleti Oluşturucu

2 ile 15 renk örneğinden oluşan rastgele paletler oluşturun, canlı, pastel, yumuşak veya koyu stil seçin ve HEX kodlarını ya da CSS değişkenlerini kopyalayın.