Penghitung FPS

FPS saat ini
Detik
bingkai
FPS
Berikutnya

Gunakan penghitung FPS ini untuk mengukur seberapa mulus browser menampilkan halaman yang sedang dibuka. Alat ini mengambil sampel frame lewat requestAnimationFrame, melaporkan FPS saat ini, rata-rata, minimum, dan maksimum, serta bisa menggambar grafik singkat agar Anda melihat penurunan akibat tab berat, animasi, ekstensi, throttling, atau pengaturan layar.

Cara mengukur FPS browser

  1. 1

    Pilih durasi sampel

    Lima detik adalah nilai bawaan yang baik. Pakai sampel lebih panjang jika ingin menangkap stutter berkala atau perubahan beban di latar belakang.

  2. 2

    Atur penghalusan dan ambang peringatan

    Jendela penghalusan merata-ratakan frame terakhir, sedangkan ambang menandai tingkat FPS yang Anda anggap layak pada perangkat yang diuji.

  3. 3

    Jalankan penghitung dan baca sebarannya

    FPS saat ini menunjukkan kecepatan render terkini. Nilai rata-rata, terendah, dan tertinggi memperlihatkan apakah sesi berjalan mulus terus-menerus atau sempat turun secara kasatmata.

Apa yang diukur penghitung FPS

Alat ini mengukur irama render browser, bukan performa kartu grafis dalam benchmark. Setiap kali browser siap menggambar frame berikutnya, requestAnimationFrame memanggil sampler. Selisih waktu antara dua callback menghasilkan frame rate sesaat:

FPS = 1000 / frame_time_in_ms

FPS saat ini yang ditampilkan adalah rata-rata bergerak sepanjang jendela penghalusan. Jendela 60 frame cocok untuk layar 60 Hz biasa karena meredam lonjakan satu frame tanpa menyembunyikan penurunan yang berkelanjutan. Jendela lebih kecil bereaksi lebih cepat, jendela lebih besar terlihat lebih stabil.

Contoh perhitungan

Misalkan sampel lima detik mencatat interval frame sederhana berikut:

Interval antar frame FPS sesaat Artinya
16,7 ms 59,9 FPS Render khas pada 60 Hz
8,3 ms 120,5 FPS Render khas pada 120 Hz
25,0 ms 40,0 FPS Terasa lambat di banyak layar
33,3 ms 30,0 FPS Beban berat atau throttling

Jika ambang peringatan Anda 50 FPS dan rata-rata bergerak berakhir di 47 FPS, hasilnya di bawah target meski sebagian frame lebih cepat. Jika berakhir di sekitar 60 FPS dengan penurunan sesekali ke 45 FPS, rata-ratanya sehat, tetapi nilai minimum memberi tahu bahwa ada stutter yang layak ditelusuri.

Membaca hasilnya

Pola hasil Kemungkinan artinya Pemeriksaan berikutnya
Rata-rata dekat refresh rate, penurunan jarang Render sehat Bandingkan dengan browser lain hanya jika perlu
Rata-rata bagus, nilai terendah jauh lebih rendah Stutter berkala Tutup tab berat atau periksa animasi
Rata-rata di bawah ambang Beban render terus-menerus Cek penggunaan CPU, ekstensi, dan skrip halaman
FPS mentok di sekitar 30 Hemat daya atau throttling Cek mode baterai dan pengaturan layar

FPS browser dipengaruhi oleh refresh rate layar, compositor sistem operasi, mode baterai, throttling termal, tab yang aktif, dan halaman itu sendiri. Jalankan tes lebih dulu di tab yang tenang, lalu ulangi saat halaman atau aplikasi yang sedang Anda periksa sedang aktif.

Pertanyaan yang Sering Diajukan

Bukan. Penghitung ini mengukur seberapa sering browser menerima callback requestAnimationFrame. Berguna untuk animasi web dan pemeriksaan kemulusan halaman, tetapi bukan benchmark GPU lengkap untuk game native.

Sebagian besar browser menyelaraskan frame animasi dengan refresh rate layar. Monitor 60 Hz biasanya melaporkan sekitar 60 FPS, sedangkan layar 120 Hz atau 144 Hz bisa melaporkan angka lebih tinggi jika browser dan sistem operasi mengizinkannya.

Pakai 50 FPS untuk pemeriksaan kemulusan biasa pada 60 Hz. Untuk monitor refresh rate tinggi, setel ambang lebih dekat ke pengalaman yang Anda harapkan, misalnya 90 FPS atau 120 FPS.

Tidak. Pengukuran berjalan di browser Anda memakai API pewaktuan lokal. Alat ini tidak mengirim data frame, tangkapan layar, atau detail perangkat ke API eksternal mana pun.

Alat Terkait