Prueba de fluidez del desplazamiento – Mide el tirón al hacer scroll

Esta prueba de fluidez del desplazamiento mide el tipo de movimiento con el que te encuentras más que con cualquier otro: una página o una lista que se mueve bajo tu dedo o tu rueda. El desplazamiento es donde primero aparece el tirón, porque ocurre constantemente y tus ojos están entrenados para percibirlo. Una página que se traba al moverse, un feed que salta cuando lo deslizas, un documento que da tirones línea a línea: todo se reduce a si el navegador es capaz de entregar un fotograma nuevo en cada actualización mientras el contenido está en movimiento. Esta prueba desplaza una banda alta de filas numeradas con un paso fijo por fotograma y cuenta los fotogramas que llegan tarde.

Como las filas llevan números claros y bordes definidos, tus ojos pueden juzgar la fluidez directamente, mientras que el medidor le pone una cifra. Eso te permite comparar navegadores, extensiones y equipos con datos en lugar de una impresión vaga.

Cómo usar la prueba de desplazamiento

La banda se desplaza por sí sola en cuanto se carga la página. Para leerla bien:

• Observa cómo se mueven las filas. El desplazamiento fluido se ve como un deslizamiento continuo y único; el tirón se ve como filas que saltan o titubean al pasar.
• Sigue el número de una fila con la vista mientras sube. Si se desliza de forma uniforme, la sincronización es buena; si da sacudidas, un fotograma llegó tarde.
• Lee el medidor. El tiempo de fotograma esperado es tu intervalo normal entre fotogramas, el mayor salto entre fotogramas es el retardo más largo registrado, y los tirones cuentan cada fotograma tardío.
• Pruébalo en pantalla completa y ajusta la velocidad para que coincida con tu forma habitual de desplazarte: una lectura pausada o un deslizamiento rápido.

Usa Reiniciar medidor para empezar un recuento nuevo. Dejar la prueba funcionando durante treinta segundos ofrece una imagen más fiel que un vistazo rápido, porque los tropiezos de fondo van y vienen.

Por qué el desplazamiento da tirones

El desplazamiento fluido pide al navegador que produzca un fotograma nuevo en cada actualización —cada 16.7 milisegundos a 60 Hz, cada 8.3 a 120 Hz— mientras también ejecuta la página. Cuando algo retrasa ese trabajo, se pierde un fotograma y el desplazamiento salta. Los culpables habituales son concretos y tienen solución.

Páginas y scripts pesados

Las imágenes grandes, los diseños complejos y los scripts sobrecargados hacen que cada fotograma desplazado sea costoso de dibujar. Las páginas que ejecutan código en cada evento de desplazamiento son especialmente propensas al tirón. Esto es una característica de la página tanto como de tu equipo, y por eso algunos sitios se desplazan con fluidez y otros no en el mismo ordenador.

Extensiones del navegador

Las extensiones de bloqueo de contenido, de compras y de accesibilidad inspeccionan la página mientras se mueve. Una sola extensión mal optimizada puede añadir el trabajo justo por fotograma para provocar un tirón visible. Probar en una ventana privada, donde la mayoría de las extensiones están desactivadas, es una forma rápida de comprobarlo.

Composición y aceleración por hardware

Los navegadores intentan delegar el desplazamiento en la GPU para que se mantenga fluido incluso cuando la página está ocupada. Cuando la aceleración por hardware está desactivada o una página obliga a devolver el trabajo al hilo principal, el desplazamiento recurre a la vía más lenta y da tirones. Activar la aceleración por hardware en los ajustes de tu navegador suele ayudar.

Ahorro de energía y carga en segundo plano

Como con cualquier movimiento, un portátil en modo de ahorro de batería, un dispositivo caliente que se limita a sí mismo o una tarea en segundo plano que roba tiempo de CPU harán que los fotogramas lleguen tarde. La prueba de desplazamiento refleja la misma salud del sistema que rige cualquier otro tipo de movimiento.

Cómo es un buen resultado

Un desplazamiento saludable es una tasa de fotogramas alta y estable, con un recuento de tirones cercano a cero y un mayor salto entre fotogramas próximo al tiempo de fotograma esperado. La tabla siguiente muestra el tiempo de fotograma objetivo para las frecuencias de actualización habituales: el valor en torno al que debería mantenerse la prueba al desplazarse.

Una frecuencia de actualización más alta hace que el desplazamiento se vea notablemente más fluido, pero solo si el navegador es capaz de seguir cumpliendo ese presupuesto más ajustado. Confirma la frecuencia de actualización con la que estás funcionando realmente con nuestra guía de frecuencia de actualización, y mide tu tasa de fotogramas en bruto en la prueba principal de FPS.

Cómo hacer más fluido el desplazamiento

• Activa la aceleración por hardware en los ajustes de tu navegador para que el desplazamiento se ejecute en la GPU.
• Desactiva las extensiones pesadas una por una, o prueba en una ventana privada, para encontrar al culpable.
• Cierra la carga en segundo plano y mantén el dispositivo fresco y enchufado.
• Sube tu frecuencia de actualización si tu pantalla lo permite y vuelve a probar para confirmar que el navegador la sigue.
• Actualiza tu navegador y los controladores gráficos, que a menudo traen mejoras en el compositor y en el desplazamiento.

Si el desplazamiento da tirones aquí pero un juego funciona con fluidez, la causa suele ser el navegador o la página más que tu hardware. Si el movimiento es tosco en todas partes, mídelo de forma aislada con la prueba de stutter, que usa el mismo medidor de tiempo de fotograma sin el contenido que se desplaza.

Preguntas frecuentes

El desplazamiento es fluido aquí pero da tirones en algunos sitios web. ¿Por qué?

Porque la fluidez depende de la página tanto como de tu equipo. Los scripts pesados, las imágenes grandes y los manejadores de eventos de desplazamiento hacen que algunos sitios sean costosos de desplazar. Un resultado limpio aquí significa que tu navegador y tu hardware son capaces; el sitio sobrecargado es el cuello de botella.

¿Una frecuencia de actualización más alta hace más fluido el desplazamiento?

Sí, siempre que el navegador pueda entregar un fotograma en cada actualización. Una pantalla de 120 Hz se desliza con más fluidez que una de 60 Hz, pero solo mientras la página siga cumpliendo el presupuesto de fotograma más corto. Si no puede, simplemente verás el tirón antes.

¿Por qué la misma página se desplaza de forma diferente en dos navegadores?

Los navegadores difieren en cómo componen y delegan el desplazamiento en la GPU, y en cómo se enganchan las extensiones a la página. Es habitual que un navegador desplace una página con fluidez mientras otro da tirones en un hardware idéntico.

¿Es lo mismo que una prueba de stutter?

Comparten el medidor de tiempo de fotograma, pero esta prueba impulsa contenido de desplazamiento real a través del compositor del navegador, que es el caso cotidiano que le importa a la mayoría de la gente. La prueba de stutter aísla la sincronización de fotogramas en bruto sin la capa de desplazamiento.

¿Esto prueba mi monitor o mi navegador?

Sobre todo tu navegador y el equipo en el que se ejecuta. Las filas se mueven a través de la vía de renderizado y composición del navegador, así que un mal resultado suele apuntar al navegador, a una extensión o a la carga del sistema más que al panel. Tu pantalla sigue marcando el techo —una pantalla de 60 Hz nunca podrá desplazarse tan fluida como una de 120 Hz—, pero suponiendo que la frecuencia de actualización sea suficiente, esta prueba está juzgando lo bien que el software mantiene el ritmo.

Ajustes de desplazamiento fluido y desplazamiento en alta frecuencia

La mayoría de los navegadores y sistemas operativos ofrecen una opción de desplazamiento fluido que anima cada paso del scroll en lugar de saltar. Hace que el movimiento parezca más suave, pero no crea fotogramas que el navegador no pueda dibujar: si la página es pesada, el desplazamiento fluido simplemente anima el tirón. La verdadera ganancia proviene de una frecuencia de actualización alta combinada con una página lo bastante ligera como para seguir el ritmo. En una pantalla de 120 Hz, desplazar una página sencilla es visiblemente más fluido que en una de 60 Hz, porque el doble de fotogramas describen el mismo movimiento. Esta prueba te permite confirmar que tu navegador está entregando de verdad esos fotogramas en lugar de descartar la mitad.

Desplazamiento en móvil, trackpad y rueda

La forma en que te desplazas cambia lo que sientes. La rueda del ratón se mueve en pasos discretos, así que la fluidez depende de lo bien que el navegador anime entre ellos. Un trackpad o una pantalla táctil se desplazan de forma continua y se delegan al compositor, que suele ser la vía más fluida, pero también la más evidente cuando se descarta un fotograma, porque tu dedo marca una expectativa que la pantalla debe igualar. Los teléfonos y las tabletas son especialmente sensibles aquí, ya que el desplazamiento es la forma principal de moverte por todo. Si una página da tirones bajo tu dedo pero no bajo la rueda, se está obligando al compositor a esperar al hilo principal.

De qué depende un desplazamiento sin tirones

El desplazamiento fluido es una cadena, y el eslabón más débil marca el resultado: la página debe ser lo bastante ligera para dibujarse a tiempo, el navegador debe delegar el desplazamiento en la GPU, el sistema no debe estar ocupado ni limitándose, y la pantalla debe tener el margen de frecuencia de actualización para mostrar los fotogramas. Esta prueba ejercita toda la cadena a la vez. Cuando la cifra es buena, todos los eslabones aguantan; cuando es mala, las secciones anteriores acotan qué eslabón mirar primero. Como el desplazamiento es tan habitual, las pequeñas mejoras dan fruto en todas partes: una actualización del navegador, una extensión desactivada o un cambio a la aceleración por hardware pueden llevar un resultado con tirones a uno limpio, y notarás la diferencia en cada sitio que visites después.

Pruebas de pantalla y movimiento relacionadas

El desplazamiento es una porción cotidiana del rendimiento del movimiento. Continúa con estas herramientas complementarias:

• Prueba de tasa de fotogramas (prueba de FPS) — mide tu tasa de fotogramas y tu frecuencia de actualización en vivo.
• Prueba de desenfoque de movimiento — comprueba cuánto emborrona tu pantalla el detalle en movimiento.
• Prueba de omisión de fotogramas — comprueba si el panel dibuja cada fotograma.
• Prueba de tearing de pantalla — comprueba si los fotogramas están alineados con la actualización.
• Prueba de stutter — mide la consistencia del tiempo de fotograma por software.