Prueba de frecuencia de fotogramas: comprueba en línea los FPS reales de tu monitor

Esta prueba de frecuencia de fotogramas mide cuántos fotogramas por segundo muestra realmente tu pantalla, en tiempo real, en tu navegador. Observa el patrón en movimiento, lee la cifra y obtendrás una valoración fiable de la fluidez de tu pantalla en unos diez segundos. Es la forma más rápida de confirmar que un monitor que se vende como de 120 Hz o 144 Hz funciona realmente a esa velocidad, de comparar dos pantallas o de comprobar si tu hardware está a la altura. No hay que instalar nada ni registrarse.

Qué significan las tres lecturas

La prueba muestra tres cifras. Si se interpretan en conjunto, te indican cómo está funcionando tu pantalla y si la propia prueba está siguiendo el ritmo.

Resolución de la pantalla

Las dimensiones en píxeles de tu pantalla, escaladas según la relación de píxeles del dispositivo, de modo que una pantalla de alta densidad muestra su cifra nativa real en lugar de una aproximación CSS. La resolución no afecta por sí sola a la fluidez, pero sí influye en la tasa de fotogramas: más píxeles por fotograma suponen más trabajo, por lo que una resolución muy alta puede reducir tus FPS con el mismo hardware.

FPS de la pantalla

La cifra más destacada: los fotogramas por segundo que tu navegador está representando realmente en la pantalla. En una configuración óptima, este valor se acerca a la frecuencia de actualización de tu panel: alrededor de 60 en una pantalla de 60 Hz, 120 en una de 120 Hz y 144 en una de 144 Hz. Si se sitúa muy por debajo de la frecuencia de actualización nominal, el cuello de botella se encuentra antes del panel, y en la sección que explica por qué tus FPS son inferiores a la frecuencia de actualización, más abajo, se describen las causas habituales.

FPS de la prueba

La velocidad a la que se ejecuta la propia animación de la prueba. El control «FPS de Canvas» te permite limitarla deliberadamente, lo cual resulta útil para ralentizar el movimiento y estudiar fotogramas individuales. Si no has modificado ese control, esta cifra debería coincidir prácticamente con los FPS de tu pantalla. Si se sitúa muy por debajo, la propia página está sufriendo una falta de recursos, normalmente debido a la carga en segundo plano o a una pestaña muy activa.

Cómo obtener una lectura precisa

La prueba comienza en cuanto se carga la página y se actualiza continuamente. Con unos pocos pasos, la cifra será fiable:

• En primer lugar, configura tu pantalla a la frecuencia de actualización más alta en los ajustes de pantalla de tu sistema operativo, para que la prueba pueda alcanzar el límite real del panel. Tanto Windows como macOS suelen ofrecer nuevas pantallas con una frecuencia predeterminada más baja de lo que la gente espera. Nuestra guía sobre cómo comprobar tu frecuencia de actualización te explica cómo hacerlo.
• Pasa a pantalla completa utilizando el botón situado debajo del lienzo. Esto elimina la interfaz del navegador y otros elementos de la página, lo que proporciona una lectura más precisa.
• Cierra las pestañas de fondo que consuman muchos recursos. Las videollamadas, el streaming y cualquier aplicación que ejecute WebGL competirán por la misma GPU.
• Conecta el portátil a la corriente. Los modos de ahorro de batería limitan el rendimiento de la GPU y restringen la frecuencia de actualización, a menudo sin avisar.
• Deja que se estabilice durante unos segundos antes de fiarte de la cifra.
• Prueba ambos modos de movimiento. El modo «Clásico» desplaza dos rectángulos por el lienzo; el modo «Paisaje» desplaza una escena de pixel art que cambia según la hora del día. Ambos avanzan un número fijo de píxeles por fotograma, por lo que el movimiento se mantiene perfectamente uniforme y cualquier irregularidad que veas se debe a tu pantalla, no a la prueba.

Frecuencia de fotogramas, FPS y frecuencia de actualización

Hay tres valores que rigen el movimiento y es fácil confundirlos. La tasa de fotogramas, abreviada como FPS, indica cuántas imágenes genera tu sistema cada segundo. La frecuencia de actualización, medida en hercios, indica cuántas veces por segundo tu pantalla puede redibujarse físicamente. Ambas interactúan, y la más baja establece el límite: una tarjeta gráfica que genera 200 FPS en un panel de 60 Hz seguirá mostrando 60, mientras que una pantalla de 144 Hz alimentada con 40 FPS simplemente repetirá fotogramas.

El tiempo de fotograma es la misma información expresada en términos de duración: cuántos milisegundos dura cada fotograma. A menudo es la forma más útil de entenderlo, ya que la diferencia entre 60 y 120 FPS es mucho mayor que la que hay entre 120 y 240, y el tiempo de fotograma lo deja claro de un vistazo:

Pasar de 60 a 30 FPS te cuesta 16,7 ms por fotograma. Pasar de 144 a 240 te permite recuperar 2,7 ms. Por eso el salto de 60 a 120 se percibe como drástico y el de 144 a 240, como sutil.

¿Por qué mi FPS es inferior a mi frecuencia de actualización?

Esta es la razón más habitual por la que la gente realiza una prueba de frecuencia de fotogramas, y un monitor de 144 Hz que marca 60 casi nunca tiene el panel defectuoso. Comprueba estos puntos por orden:

• La pantalla no está configurada a su frecuencia de actualización máxima. Es, con diferencia, la causa más frecuente. Windows y macOS suelen establecer por defecto un nuevo monitor a 60 Hz, incluso cuando admite una frecuencia mucho mayor, y nada en la interfaz te lo indica.
• La aceleración por hardware está desactivada en tu navegador. Sin ella, el renderizado recae en la CPU y la tasa de fotogramas se desploma. En Chrome se encuentra en Ajustes → Sistema.
• El cable o el puerto son el cuello de botella. Las altas frecuencias de actualización a altas resoluciones requieren el ancho de banda de DisplayPort o de una versión reciente de HDMI. Un cable antiguo reducirá silenciosamente la frecuencia a 60 Hz.
• Un modo de ahorro de energía está limitando el rendimiento. Los portátiles que funcionan con batería suelen limitar la frecuencia de actualización para prolongar la autonomía, y un equipo que se calienta demasiado se ralentizará independientemente de a qué esté conectado.
• El navegador está limitando su propia animación. Algunos navegadores limitan las pestañas en segundo plano o inactivas a una frecuencia más baja. Mantén la pestaña de prueba activa y en primer plano.
• VSync o un límite de fotogramas lo están manteniendo así a propósito. Una lectura fijada exactamente en 60 suele estar limitada, no es un problema de rendimiento.

Si la cifra parece correcta pero el movimiento sigue pareciendo entrecortado, la causa es la consistencia de los fotogramas más que la velocidad bruta. Una media que se mantenga estable en 120, aunque se pierda algún fotograma ocasionalmente, seguirá produciendo tirones, porque la fluidez del movimiento depende de la uniformidad en la sincronización de los fotogramas, no solo de un recuento elevado. La prueba de tirones lo pone de manifiesto directamente.

Cómo mide esta prueba tu frecuencia de fotogramas

La prueba se integra en requestAnimationFrame, la propia función de devolución de llamada de animación del navegador, que se activa una vez por cada ciclo de actualización de la pantalla. Contar esas devoluciones de llamada en un intervalo breve proporciona los fotogramas por segundo que tu navegador está entregando realmente.

Dos advertencias importantes. En primer lugar, dado que el navegador compone su propia salida, se trata de una estimación aproximada más que de una medición de laboratorio: lo suficientemente precisa como para verificar una frecuencia de refresco, comparar dos pantallas y diagnosticar un problema, pero no sustituye a un osciloscopio. En segundo lugar, esto mide la tasa de fotogramas del navegador. Refleja la pantalla y la ruta de renderizado de tu sistema, pero no es una prueba de rendimiento para juegos; para conocer los FPS dentro del juego, necesitas una superposición, como el propio contador del juego o una herramienta de monitorización.

Más allá de la frecuencia de fotogramas: el resto de la imagen en movimiento

Una alta frecuencia de fotogramas es necesaria para un movimiento fluido, pero no es suficiente. Hay otras características de la pantalla que determinan la calidad real de la imagen cuando hay movimiento, y cada una de ellas tiene su propia prueba aquí.

• Prueba de desenfoque de movimiento: incluso con una frecuencia de fotogramas perfecta, una pantalla difumina los detalles en movimiento, ya que cada fotograma se mantiene estático mientras los ojos siguen desplazándose. Esta prueba mide ese desenfoque por persistencia y cualquier efecto fantasma.
• Prueba de omisión de fotogramas: algunos paneles omiten silenciosamente fotogramas que dicen mostrar, especialmente cuando se overclockean. Un patrón captado por una cámara detecta lo que el software no puede.
• Prueba de «screen tearing»: cuando los fotogramas llegan desincronizados con la frecuencia de actualización, la imagen se divide a lo largo de una línea horizontal en movimiento. Confirma si VSync o la frecuencia de actualización variable están funcionando correctamente.
• Prueba de tartamudeo: un gráfico en tiempo real del tiempo por fotograma y un contador de tirones revelan los fotogramas retrasados que oculta una media elevada.
• Prueba de fluidez de desplazamiento: el desplazamiento es el movimiento más habitual, y esta prueba mide la uniformidad con la que lo reproduce tu navegador.

Preguntas frecuentes

¿Cómo sé si mi monitor es realmente de 144 Hz?

Configura tu pantalla a 144 Hz en los ajustes de tu sistema operativo y, a continuación, ejecuta esta prueba en pantalla completa con las demás pestañas cerradas. Una lectura de FPS en pantalla cercana a 144 confirma que el panel está proporcionando esa frecuencia. Si marca 60, revisa las causas mencionadas anteriormente: el cable y la configuración de la frecuencia de actualización del sistema operativo son los responsables en la mayoría de los casos.

¿Es precisa esta prueba de frecuencia de fotogramas?

Es una estimación precisa. Mide los fotogramas por segundo que renderiza tu navegador, lo que refleja fielmente la salida real de tu pantalla. Dado que el navegador compone sus propios fotogramas, no se trata de una lectura de laboratorio, pero es lo suficientemente fiable como para verificar una frecuencia de actualización, comparar dos pantallas y diagnosticar problemas de rendimiento.

¿Cuál es una buena frecuencia de fotogramas?

60 FPS es el valor de referencia aceptado para un movimiento fluido y con buena respuesta. Los jugadores aspiran a alcanzar los 120, 144 o 240 en monitores de alta frecuencia de actualización, mientras que el cine se reproduce a 24 y se ve bien debido a la forma en que se graba. El objetivo adecuado depende de tu pantalla y del uso que le des; nuestra guía sobre qué es la frecuencia de fotogramas aborda las ventajas e inconvenientes.

¿Una frecuencia de fotogramas más alta siempre se ve mejor?

Solo hasta la frecuencia de actualización de tu monitor. Mostrar 200 FPS en una pantalla de 60 Hz consume energía sin aportar ninguna mejora visible, ya que el panel solo puede mostrar 60. Adapta tu objetivo a la pantalla que tengas y comprueba qué frecuencias admite con nuestra guía de frecuencias de actualización.

¿Funciona esta prueba en un teléfono?

Sí. Es una forma útil de comprobar si un teléfono que se anuncia a 90 o 120 Hz funciona a esa frecuencia; muchos bajan a 60 Hz en el modo de ahorro de batería o cambian de forma adaptativa en función de lo que haya en pantalla.

¿Por qué mi FPS cambia constantemente?

Es normal que haya pequeñas fluctuaciones; la cifra se calcula a partir de un breve intervalo de tiempo y la actividad en segundo plano la modifica. Las oscilaciones importantes indican que hay algo que está compitiendo por la GPU o que una función de frecuencia de actualización variable está ajustando la pantalla sobre la marcha.

Pruebas y guías relacionadas

• Prueba de desenfoque de movimiento: comprueba la nitidez con la que la pantalla reproduce los detalles en movimiento.
• Prueba de omisión de fotogramas: comprueba si el panel dibuja todos los fotogramas.
• Prueba de «screen tearing»: comprueba si los fotogramas se alinean con la frecuencia de actualización.
• Prueba de tirones: consistencia en el tiempo de fotograma y tirones.
• Prueba de fluidez de desplazamiento: tirones habituales al desplazarse por el navegador.
• ¿Qué es la frecuencia de fotogramas? — Conceptos básicos sobre FPS y Hz.
• ¿Cuál es mi frecuencia de actualización? — Averigua y confirma los Hz de tu pantalla.
• Fotogramas por segundo en los videojuegos: por qué los FPS son importantes para jugar.

Más pruebas de pantalla

La frecuencia de fotogramas es uno de los aspectos en los que una pantalla puede fallar. DeadPixelTest.org llena tu pantalla de colores lisos para que puedas detectar píxeles muertos, atascados o calientes antes de que finalice el plazo de devolución, e incluye una herramienta de reparación que muestra colores que parpadean rápidamente para intentar reactivar un píxel atascado. BackLightBleedTest.org muestra una pantalla completamente negra para que puedas evaluar la fuga de luz de fondo y el «brillo IPS» —esa luz irregular que se filtra por los bordes de una pantalla LCD en escenas oscuras, que se aprecia mejor en una habitación a oscuras—.