Contador de FPS
Contador de FPS: mide durante un segundo los fotogramas entregados por requestAnimationFrame y muestra la media.
Mide durante un segundo los fotogramas que el navegador entrega con requestAnimationFrame.
Medir callbacks durante un segundo
Al iniciar, la página solicita cuadros con requestAnimationFrame y cuenta las devoluciones durante aproximadamente 1.000 milisegundos. Después divide los cuadros observados por los segundos realmente transcurridos y muestra el resultado con un decimal.
Qué representa la cifra
El valor aproxima la frecuencia con la que el navegador pudo ejecutar callbacks ligados al repintado en ese intervalo. En una pantalla de 60 Hz suele acercarse a 60 cuando la pestaña está activa y libre, pero no mide directamente cada fotograma generado por una GPU.
Pestaña visible y carga del sistema
Los navegadores reducen o pausan requestAnimationFrame en pestañas ocultas. Ahorro de energía, carga de CPU, monitor externo, tasa variable y otras aplicaciones también influyen. Mantén la pestaña visible y repite varias veces si buscas una referencia comparable.
Interpretar variaciones pequeñas
Dos lecturas cercanas pueden diferir por el momento de inicio o la duración efectiva de la muestra. Un único segundo resulta rápido, aunque sensible a una pausa puntual. Para diagnosticar tirones necesitarías una serie temporal con duración de cada cuadro, percentiles y contexto de la escena.
No es un benchmark gráfico
La prueba no renderiza una escena compleja, no identifica el cuello de botella y no compara calidad visual. Un resultado alto confirma que el bucle recibió callbacks con rapidez en esa página; no predice por sí solo el rendimiento de un juego, editor 3D o vídeo.
La tasa del monitor también impone un techo habitual a los callbacks visibles. Para comparar dos equipos, usa la misma pantalla, navegador, alimentación y estado de pestaña. Incluso así, interpreta la lectura como comportamiento de esta prueba breve y no como una puntuación universal de hardware.
Pantallas de alta frecuencia
En un monitor configurado a 120 o 144 Hz, requestAnimationFrame puede ejecutarse con mayor frecuencia que en uno de 60 Hz. Ver alrededor de 60 en ese equipo puede indicar configuración de pantalla, ahorro de energía o sincronización distinta. Comprueba primero la frecuencia activa del sistema operativo.
Fuentes y referencias
Continúa con estas herramientas
Preguntas frecuentes
¿Cómo se calcula el FPS mostrado?
Se divide el número de callbacks registrados entre el tiempo transcurrido en segundos y se redondea a un decimal.
¿Por qué baja al cambiar de pestaña?
El navegador suele limitar requestAnimationFrame cuando el documento deja de estar visible.
¿Un resultado de 60 significa exactamente 60 Hz?
Es compatible con ese ritmo, pero la medición breve y el programador del navegador pueden introducir pequeñas diferencias.
¿Mide la potencia de mi tarjeta gráfica?
No. No ejecuta una carga gráfica estandarizada ni aísla CPU, GPU y monitor.
¿Por qué conviene repetir?
Una notificación, tarea de fondo o pausa puntual puede afectar el único intervalo de un segundo.
¿Puede medir tirones individuales?
No los detalla. Para eso se necesita registrar el tiempo entre cuadros durante una sesión más larga.
Herramienta de OCC Tools