Introduction to Display Refresh Rates and Frame Rates
A display's refresh rate refers to the number of times per second that the screen can redraw its image. It is measured in Hertz (Hz), with standard monitors running at 60Hz and high-end gaming screens operating at 120Hz, 144Hz, or even 360Hz. Frame rate, measured in frames per second (FPS), represents how many frames of video the system's graphics processor can output each second. For smooth, fluid visuals, the output frame rate must match the display's physical refresh rate. If your monitor operates at 144Hz but your browser is capped at 60 FPS, you will miss out on the smooth animations your screen is capable of. Our online refresh rate detector provides a live dashboard that measures your display's actual refresh rate and detects performance stutters. This is a local browser diagnostic app running entirely client-side. To measure your screen's refresh rate now, visit the checker at /devicelab/screen-tools/refresh-rate-detector.
How requestAnimationFrame Measures Display Refresh Rate
Measuring display refresh rate directly in a web page is achieved by utilizing the browser's requestAnimationFrame (rAF) API. This built-in function tells the browser to run a specific callback before the next repaint cycle. Because repaints are directly synced to the monitor's physical refresh cycle (a feature known as VSync), the timing between consecutive rAF callbacks matches the display's refresh rate. When you launch our detector, the script records high-precision timestamps (using performance.now()) for each frame over a set interval. It then calculates the time difference (frame time) between frames. For example, a 60Hz screen has a frame time of approximately 16.67 milliseconds, while a 144Hz screen has a frame time of 6.94ms. By averaging these durations, the tool calculates your screen's active refresh rate.
The Difference Between 60Hz, 120Hz, and High-Hz Gaming Displays
Understanding the difference between refresh rates is key to choosing the right hardware and settings. A standard 60Hz display is sufficient for daily office work, browsing, and casual video playback. However, high-refresh-rate displays (120Hz and above) have transformed modern interfaces. At 120Hz or 144Hz, moving the mouse cursor, scrolling through long articles, and playing fast-paced games feels incredibly smooth and responsive. It also reduces input lag and motion blur, making text easier to read during quick scrolls. Our online tester allows you to toggle between different rendering loops and visual animations (such as a bouncing ball or scrolling text) to see the physical difference between standard 60Hz and high-refresh-rate outputs side-by-side on your monitor.
Practical Uses for Web-Based Refresh Rate Diagnostics
An online refresh rate detector is a vital utility for web developers, gamers, and hardware enthusiasts. For game developers building web-based HTML5 games, the tool helps inspect how their game loops coordinate with VSync, preventing visual tearing or stuttering on high-refresh monitors. For gamers setting up a new gaming laptop or monitor, the tool provides an instant check to verify that their operating system and graphics cards are outputting at the correct high-refresh rate rather than defaulting to 60Hz. Additionally, front-end developers can use this detector to analyze rendering performance and inspect frame drops during heavy animations, ensuring their layouts remain buttery smooth. The client-side approach guarantees instant measurements with no lag.
Troubleshooting Refresh Rate Caps and Hardware Sync Issues
If our refresh rate tester displays 60Hz on a monitor you know is capable of 144Hz or higher, several software and hardware configuration issues could be capping your frame rate. First, inspect your operating system's advanced display settings. On Windows and macOS, new monitors often default to 60Hz until you manually select the higher rate in the display properties panel. Second, check your graphics card control panel (such as Nvidia Control Panel), and ensure that VSync is not globally disabled or capped. Third, check your browser configuration. Some browsers limit requestAnimationFrame to 60Hz by default to save battery, or disable hardware acceleration, forcing the CPU to render frames. Enabling hardware acceleration in settings will unlock the full potential of your display.