Prueba los FPS de tu pantalla

¡Bienvenido! Esta Prueba de Tasa de Fotogramas está diseñada para ayudarte a observar y ajustar varios parámetros visuales (color, tamaño, velocidad, etc.) mientras monitoreas el rendimiento en FPS (fotogramas por segundo) de tu navegador o dispositivo. Ten en cuenta que todas las mediciones en esta Prueba de FPS son aproximadas y pueden verse influenciadas por tu navegador, sistema operativo y hardware. Utiliza esta prueba como una guía, no como una medición absoluta del rendimiento de tu pantalla.

Cómo Interpretar Nuestra Prueba de Tasa de Fotogramas

Dos rectángulos recorren el lienzo de izquierda a derecha, y vuelven a entrar por la izquierda una vez que pasan el borde derecho.
Observa:
1. La suavidad versus tartamudeo o vibración.
2. Saltos de fotogramas, que pueden ser evidentes a altas velocidades o en un rendimiento menor.
3. Si los cambios en el tamaño/opacidad afectan el rendimiento.

Advertencia: Los valores medidos de FPS y resolución en esta Prueba de FPS pueden no coincidir exactamente con las capacidades de tu hardware. Cada navegador o dispositivo impone sus propias limitaciones, por lo que debes considerar estos números como aproximados.

Cómo Utilizar y Leer la Prueba de Tasa de Fotogramas

Observación Inicial

Mira cómo se mueven los rectángulos en esta Prueba de Tasa de Fotogramas. Observa si el movimiento es suave o entrecortado.

Prueba Ajustar Configuraciones Clave

Aumenta o disminuye la Velocidad para ver cómo cambia la suavidad del movimiento.
Modifica el FPS del Lienzo para limitar la frecuencia con la que se actualizan las posiciones cada segundo.
Cambia la Opacidad y los Colores para ver si la transparencia parcial o diferentes tonos afectan el rendimiento.

Monitorea el “FPS de Pantalla Medido”

Si el FPS medido es constantemente inferior a la tasa de refresco de tu monitor (comúnmente 60Hz), es posible que el rendimiento esté limitado por tu navegador o hardware.

Observa los Cambios en el Rendimiento

Una alta resolución, rectángulos de gran tamaño o transparencia parcial pueden reducir tu FPS.
Observa la proporción del “FPS de la Herramienta” para ver si la prueba cumple con sus objetivos de fotogramas.

Comprendiendo las Configuraciones de Nuestra Prueba de Tasa de Fotogramas

1. Indicadores en Pantalla

Resolución de Pantalla

Muestra el ancho por alto de tu pantalla o ventana del navegador, multiplicado por la relación de píxeles de tu dispositivo.
Ejemplo: Una lectura de “1920 x 1080” sugiere que tu pantalla tiene (aproximadamente) 1920 píxeles de ancho por 1080 píxeles de alto.

FPS de Pantalla Medido

Muestra los fotogramas por segundo (FPS) estimados que tu navegador está renderizando en esta Prueba de Tasa de Fotogramas.
Un número más alto (por ejemplo, 60.00 o 144.00) generalmente indica una animación más fluida.
Un número significativamente inferior a la tasa de refresco de tu monitor puede indicar limitaciones del navegador o cuellos de botella del sistema.

FPS de la Herramienta

Muestra la relación entre el FPS medido real y el FPS deseado (lógico) que configuraste en “FPS del Lienzo”.
Un valor de 1.00 significa que esta Prueba de FPS se está ejecutando exactamente a la tasa solicitada.
- Valores superiores a 1.00 indican que es más rápido de lo esperado; por debajo de 1.00, más lento.

2. Pantalla Completa y Restablecer

Botón de Pantalla Completa (“⛶”)

Haz clic para cambiar la Prueba de Tasa de Fotogramas a modo de pantalla completa para una visualización más clara.
Presiona ESC o el mismo botón para salir del modo de pantalla completa.

Restablecer Configuraciones

Haz clic en “Restablecer Configuraciones” para volver a los valores predeterminados y borrar cualquier preferencia guardada en cookies.
Recargar la página después iniciará esta Prueba de FPS con configuraciones frescas.

3. Controles de los Rectángulos

Hay dos rectángulos (Rectángulo 1 y Rectángulo 2) que se mueven de izquierda a derecha a través del lienzo. Cada rectángulo tiene las siguientes propiedades relevantes para la Prueba de FPS:

A) Color

Preajustes de Color

Elige entre Negro, Blanco, Rojo, Verde, Azul, Amarillo, Magenta, Cian.
La etiqueta del color seleccionado se resalta con un borde verde.

B) Tamaño

Ancho (Por defecto 30px)

Ajusta usando – o + en pasos de 5px.
Aumentar el ancho hace que el rectángulo sea más grueso horizontalmente.

Altura (Por defecto 300px)

Ajusta en incrementos de 5px con – o +.
Valores mayores hacen que el rectángulo sea más alto; valores menores, más corto.

C) Opacidad

Opacidad (Por defecto 100%)

Varía de 0% (completamente invisible) a 100% (totalmente opaco).
Ajusta usando –/+ en pasos de aproximadamente 5%.

Nota: El Rectángulo 1 y el Rectángulo 2 tienen el mismo conjunto de controles. Puedes diferenciarlos o hacerlos idénticos para ver si afecta el rendimiento de la Prueba de Tasa de Fotogramas.

4. Configuraciones del Fondo del Lienzo

Preajuste de Color de Fondo

Opciones similares (Negro, Blanco, Rojo, Verde, Azul, Amarillo, Magenta, Cian) para el fondo del lienzo.

Opacidad del Fondo (Por defecto 100%)

Controla cuán sólido o transparente aparece el color de fondo.

5. Controles Adicionales

Espaciado (Por defecto 50px)

Ajusta el espacio horizontal entre el Rectángulo 1 y el Rectángulo 2 en incrementos de 5px.

Velocidad (Por defecto 250px/s)

Determina qué tan rápido se mueven los rectángulos (en píxeles por segundo).
Velocidades mayores causan un movimiento más rápido, facilitando notar tartamudeos o retrasos durante esta Prueba de FPS.

FPS del Lienzo (Por defecto 1)

Importante: Este no es el refresco real de tu pantalla. En cambio, es la frecuencia con la que esta Prueba de Tasa de Fotogramas actualiza la posición de los rectángulos cada segundo.
Un número mayor (por ejemplo, 2, 3, 4 o 5) significa menos actualizaciones de posición por segundo (lo que resulta en un movimiento “más lento” o escalonado).
El número a la derecha (por ejemplo, “100%”) es simplemente 100 / (valor de FPS del Lienzo), proporcionando una idea rápida de la fracción de velocidad completa.
- Por ejemplo, si configuras el FPS del Lienzo en 2, la herramienta funciona a la mitad de la velocidad (50%).

6. Guardar y Recargar Preferencias

Guardado Automático

Cada cambio que realices en nuestra Prueba de Tasa de Fotogramas se almacena en una cookie del navegador.
Al volver a esta página, se cargan automáticamente las últimas configuraciones usadas, de modo que tus preferencias de la Prueba de FPS se mantienen.

Restablecer

Si deseas empezar de nuevo, haz clic en “Restablecer Configuraciones” para borrar las cookies y recargar los valores predeterminados.

¡Disfruta experimentando con diferentes parámetros para ver cómo tu navegador y dispositivo manejan los gráficos en tiempo real en esta Prueba de Tasa de Fotogramas! Recuerda que los valores aquí—especialmente el FPS—son estimaciones aproximadas y podrían no representar las capacidades completas de tu sistema.