Prueba de Salto de Fotogramas

Cada monitor redibuja la pantalla a una frecuencia fija: 60, 120 o 144 veces por segundo. Un salto de fotograma ocurre cuando el navegador no termina de dibujar a tiempo para ese redibujado, así que la misma imagen se repite un ciclo más antes de ponerse al día. Casi nunca notas un solo salto, pero si se acumulan varios seguidos, el movimiento fluido se convierte en un tirón visible.

Esta prueba mueve una barra sin parar por una pista y cronometra cada fotograma con el propio reloj de animación del navegador, no con un intervalo fijo. Mientras se ejecuta, observa la velocidad normal de llegada de los fotogramas para calcular tu frecuencia de actualización real, ya que ese número es distinto en una pantalla de portátil a 60Hz que en un monitor gaming a 144Hz. A partir de ahí, cualquier fotograma que tarde notablemente más de lo esperado se registra como un salto, y la barra destella en rojo en el mismo instante para que compares lo que ves con lo que anota el cronómetro.

Mientras la prueba corre, obtienes un conteo en vivo de fotogramas renderizados, fotogramas saltados, la tasa de salto en porcentaje y el bloqueo más largo en milisegundos. Al detener la prueba, esos números se convierten en una puntuación sencilla, de fluida a con muchos tirones, según la frecuencia real con la que se perdieron fotogramas y no una única lectura promedio.

Todo ocurre localmente en tu pestaña del navegador usando requestAnimationFrame. No se envía a ningún sitio ningún video, dato de tiempo ni información del dispositivo, y cambiar de pestaña o cerrarla detiene la prueba de inmediato.