Penghitung FPS
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
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
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
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
Konverter ASCII ke Hex
Konversi teks ASCII menjadi nilai byte hexadecimal. Output memakai dua digit hex per karakter, siap untuk memory dump, packet trace, atau tabel firmware.
Konverter Biner ke Oktal
Konversi biner ke oktal dengan mengelompokkan bit tiga per tiga. Berguna untuk izin Unix, sistem lama, dan tampilan angka ringkas.
Pemilih Warna HEX
Pilih warna secara visual dan dapatkan nilai HEX, RGB, HSL, HSV, dan CMYK, lengkap dengan kontras terhadap putih dan hitam.
Generator Huruf Acak
Buat huruf A-Z acak. Pilih jumlah, gunakan huruf besar, huruf kecil, atau campuran, lalu pakai hasilnya untuk permainan, pemantik, atau kegiatan kelas.
Konverter Base64 ke Hex
Konversi string Base64 menjadi byte dasarnya yang dinyatakan dalam heksadesimal (hex). Berguna untuk memeriksa token, kunci, sertifikat, dan JWT.
Generator Palet Warna Acak
Buat palet warna acak berisi 2 sampai 15 swatch, pilih gaya vibrant, pastel, muted, atau dark, lalu salin kode HEX atau variabel CSS.