Test de Salto de Fotogramas

Cómo usar esta prueba: cómo probar si tu pantalla salta fotogramas

1. Haz clic en Iniciar y deja que calibre.

   El primer segundo aproximadamente establece tu intervalo de actualización real automáticamente — no hace falta decirle los Hz de tu monitor.

2. Déjalo correr durante al menos 15-30 segundos.

   Una ejecución corta puede fácilmente mostrar cero saltos por pura suerte; ejecuciones más largas dan una imagen más honesta.

3. Observa el gráfico en vivo en busca de picos.

   Una línea plana cerca de tu tiempo de fotograma esperado es saludable; picos altos son saltos siendo detectados mientras ocurren.

4. Cierra otras pestañas y programas pesados si los saltos son frecuentes.

   Esta prueba solo puede ver retrasos del lado propio del navegador — un sistema ocupado es una causa común y solucionable.

5. Usa una cámara para confirmación a nivel de panel.

   Si esta prueba se ve limpia pero el movimiento todavía se siente raro, una foto de obturación lenta del marcador comprueba la entrega propia de la pantalla, que esta prueba no puede ver.

Cómo funciona realmente esta prueba

Cada llamada a requestAnimationFrame devuelve una marca de tiempo, y esta prueba mide la brecha entre marcas de tiempo consecutivas en lugar de asumir un número fijo. Durante las primeras dos docenas de fotogramas, recopila esas brechas y toma la mediana para establecer tu intervalo de actualización real — cerca de 16.7ms en una pantalla de 60Hz, 6.9ms en 144Hz, y así sucesivamente — que es por qué funciona de la misma forma sin importar para qué esté calificado tu monitor, sin que necesites ingresar nada.

Después de esa ventana de calibración, cualquier brecha que llegue notablemente más larga que ese intervalo esperado — más de 1.5 veces — se registra como un salto, y el número de fotogramas saltados se calcula a partir de cuánto más larga fue esa brecha de lo esperado. El marcador numerado de arriba avanza uno en cada fotograma que el navegador realmente renderiza, lo cual es lo que lo hace significativo de fotografiar: un salto real aparece como un número repetido o faltante, no solo un número en una pantalla.

Lo que esta prueba no puede ver

Vale la pena ser directo sobre esto en lugar de dejar que la herramienta se sobrevenda. Un salto de fotograma contado aquí significa que el navegador mismo falló en entregar un nuevo fotograma a la pantalla según lo programado — usualmente porque el hilo principal estaba ocupado con otra cosa y perdió su ventana. Esa es una causa real y común de tartamudeo visible, y es exactamente el tipo de caída que esta prueba está construida para detectar.

Lo que no puede ver es el salto de fotogramas que sucede más adelante en el pipeline, dentro del monitor mismo. El propio escalador de un panel puede silenciosamente repetir un fotograma que el navegador entregó perfectamente correcto y a tiempo — desde el punto de vista del navegador, nada salió mal en absoluto, pero la pantalla todavía tartamudea. Ninguna cantidad de JavaScript corriendo en una pestaña de navegador puede observar eso, porque para cuando ocurre un salto de fotograma así, el navegador ya terminó su trabajo.

Confirmar salto de fotogramas con cámara a nivel de panel

La forma práctica de comprobar qué está haciendo realmente tu monitor, independiente de lo que reporte esta prueba, es una foto de obturación lenta. Fija la velocidad de obturación de la cámara de un teléfono más lenta que un intervalo de actualización — para una pantalla de 60Hz, más lenta que aproximadamente 1/60 de segundo — y fotografía el marcador numerado mientras corre la prueba.

Números distintos y espaciados uniformemente en la estela resultante significan que el panel está presentando fotogramas a un ritmo consistente. Un espacio donde debería haber un número, o el mismo número apareciendo dos veces, apunta a que el panel mismo está saltando o repitiendo un fotograma — un problema a nivel de hardware que este contador del lado del navegador no tiene forma de detectar por sí solo.

Qué causa el salto de fotogramas

Del lado del navegador: un CPU ocupado con otra cosa, pestañas o programas en segundo plano compitiendo por recursos, una pausa de recolección de basura deteniendo el hilo principal por un momento, o una GPU que se está quedando atrás en la composición — un driver de gráficos desactualizado hace esto último más probable, así que vale la pena confirmar que tienes el más reciente de NVIDIA, AMD, o Intel. Cualquiera de estos puede hacer que el navegador pierda su ventana para entregar un nuevo fotograma, lo cual esta prueba detectará correctamente.

Del lado de la pantalla: un cable o puerto que no puede soportar completamente tu resolución y frecuencia de actualización elegidas juntas (un ejemplo común es 4K a 120Hz sobre un puerto que solo maneja 4K a 60Hz, lo cual puede silenciosamente retroceder o saltar), una frecuencia de actualización empujada más allá de lo que el panel puede sostener de forma confiable, o un procesamiento agresivo de imagen como suavizado de movimiento interfiriendo con el tiempo de fotogramas. Estos son el tipo que necesita el método de cámara de arriba para confirmar apropiadamente.

Esto vs. el Test de Frecuencia de Actualización: la diferencia entre salto de fotogramas y refresh rate

Estas dos responden preguntas distintas y funcionan bien juntas. El Test de Frecuencia de Actualización te dice a qué velocidad corre actualmente tu pantalla — ¿está genuinamente haciendo 144Hz, o ha retrocedido silenciosamente a 60? Esta prueba asume que cualquier velocidad que detecte es correcta y en cambio pregunta si cada fotograma a esa velocidad realmente está llegando según lo programado, o si algunos se están saltando o repitiendo en el camino. Una pantalla puede pasar una de estas y fallar la otra.

Más herramientas en ProDeviceTest

La entrega de fotogramas es solo una parte de la calidad general de movimiento. Estas cubren el resto.

• Test de Frecuencia de Actualización — mide qué está realmente entregando tu pantalla ahora mismo
• Test de Ghosting — comprueba el desenfoque de movimiento y estelas con un objeto en movimiento
• Test de HDR — comprueba HDR, gama amplia, y detalle de sombras/luces
• Todos los Tests de Pantalla — la categoría completa