← Back to tests

Rendering Latency Test

This test measures the latency between when a visual change is scheduled and when it actually renders. It uses requestAnimationFrame and performance.now() to measure frame-accurate timing.

How It Works

1. The test automatically runs 10 times with random intervals (201-1201 ms) between each test

2. Each test schedules a visual change to occur exactly 1000ms in the future using performance.now()

3. It uses requestAnimationFrame to check on every display refresh if the target time has been reached

4. When the target time is reached (or passed), it immediately draws to the canvas and records the actual time

5. The latency is the difference between the scheduled time and when the frame actually rendered

Expected results: On most systems, latency should be 0-16ms (one frame at 60Hz) or 0-8ms at 120Hz. Higher values may indicate rendering performance issues or background processes.