Professional Screen Refresh Rate Test Tool
Real-time refresh rate detection, frame time consistency visualization, and triple-speed motion block verification.
Accurate Frame Rate Detection
requestAnimationFrame-based precise frame rate calculation showing current, max, min, and average. 1-second sampling interval ensures stable, reliable data.
Motion Block Test
Synchronized sliding blocks at three speeds (1x/2x/4x). High refresh screens show crisp block edges; low refresh shows noticeable ghosting and motion blur.
Frame Time Visualization
Real-time frame interval chart directly reflects frame rate stability. Uniform green bars = stable output; abrupt red spikes = dropped frames — this reveals smoothness better than averages.
What Is Screen Refresh Rate?
Understanding the relationship between Hz, FPS, and frame time.
Refresh Rate (Hz)
How many times per second the display refreshes its image, determined by hardware. 60Hz = 60 refreshes/second (16.67ms per frame); 144Hz = 144 refreshes (6.94ms per frame). Higher refresh = smoother motion and lower input lag.
Frame Rate (FPS)
FPS is how many frames the GPU renders per second. In browsers, FPS is limited by V-Sync — the browser locks render rate to the display refresh rate. So this tool effectively measures the display's active refresh rate.
Frame Time
The time interval between consecutive frames. 60Hz ideal: 16.67ms; 144Hz ideal: 6.94ms. Frame time consistency matters more than average FPS — even at 60 FPS average, frequent 30ms spikes cause stutter.
How to Test Refresh Rate
Three steps to verify your screen refresh rate.
Confirm System Settings
Go to system display settings and confirm refresh rate is set to maximum. Windows: Settings → Display → Advanced; macOS: System Preferences → Displays. Many high-refresh screens default to 60Hz and need manual switching.
Check Real-Time Rate
The Hz dashboard should stabilize at your configured refresh rate. If set to 144Hz but showing 60, check cable standard (needs DP 1.2+ or HDMI 2.0+) and whether browser hardware acceleration is enabled.
Verify Motion Smoothness
Watch the motion block test — at high refresh, fast blocks should have crisp, discernible edges. If it looks no different from 60Hz, the setting may not have taken effect or the display specs may be misleading.
Refresh Rate Standards Explained
60 Hz (Standard)
The baseline refresh rate. Sufficient for office work, web browsing, and video. Most content is produced at 24/30/60 FPS, which 60Hz covers perfectly. Frame interval: 16.67ms.
120/144 Hz (High Refresh)
Mainstream for gaming and premium displays. 100-140% smoother than 60Hz — the difference is visible when scrolling pages or gaming. Frame interval: 6.94-8.33ms.
240 Hz (Competitive)
For professional esports players. The improvement over 144Hz isn't as dramatic as 60→144, but every millisecond of reduced input lag matters in competitive play. Frame interval: 4.17ms.
Variable Refresh Rate (VRR)
G-Sync / FreeSync / HDMI VRR technology dynamically matches display refresh to GPU output frame rate, eliminating screen tearing and stutter. Browser V-Sync already achieves a similar effect.
Refresh Rate Needs by Use Case
Understanding actual refresh rate requirements for different scenarios.
Office & Web
Recommended Refresh Rate:
• Upgrading to 120Hz makes scrolling and window movement noticeably smoother.
• Beyond 120Hz provides almost no perceptible improvement for office tasks.
• macOS ProMotion with adaptive refresh is the ideal solution.
Gaming (Competitive)
Recommended Refresh Rate:
• GPU performance must match — frame rate should consistently reach the refresh rate.
• Enable G-Sync/FreeSync for smooth experience during frame rate fluctuations.
• Response time is also critical — 1ms GtG paired with high refresh yields best results.
Video & Film
Recommended Refresh Rate:
• 60Hz covers all mainstream video content needs.
• 120Hz enables integer-multiple display of 24fps and 30fps.
• High refresh for non-integer frame rates requires frame interpolation (MEMC).
Mobile Devices
Refresh Rate Ecosystem:
• Android flagships commonly 120Hz, some support 144Hz.
• Adaptive refresh (LTPO) can drop to 1Hz on static content to save power.
• Mobile high refresh dramatically improves scrolling and animation experience.
Ensuring High Refresh Rate Is Active
System Settings
Manually set refresh rate to maximum. Windows may default to 60Hz even when the display supports higher.
Cable Standard
HDMI 2.0 maxes at 4K@60Hz; DP 1.4 supports 4K@120Hz. Inadequate cables silently downgrade refresh rate.
Hardware Acceleration
Ensure hardware acceleration is enabled in browser settings. With it disabled, frame rate may lock to 60Hz.
Power Mode
Laptop power saving mode may reduce refresh rate to 60Hz. Use high performance mode.
Frequently Asked Questions
Q.Why does it show 60Hz when my screen is 144Hz?
Most common causes: 1) System display settings haven't been switched to 144Hz (default is often 60Hz); 2) Using an HDMI 1.4 cable (max 1080p@120Hz); 3) Browser hardware acceleration not enabled; 4) Laptop in power saving mode.
Q.Is the browser measurement accurate?
The browser measures indirectly via requestAnimationFrame callback frequency, limited by V-Sync. Under normal conditions it's very accurate (±1-2Hz). But background tabs, high system load, or browser power-saving policies may cause lower readings.
Q.Why are there red spikes in the frame time chart?
Red spikes indicate frames exceeding 20ms render time (dropped frames). Common causes: system background tasks using CPU/GPU, browser garbage collection, or other tabs competing for resources. Occasional spikes are normal; frequent ones affect smoothness.
Q.Is high refresh rate bad for eyes?
Quite the opposite. High refresh reduces flicker and motion blur, making extended use less likely to cause visual fatigue. But high refresh isn't a substitute for eye care — proper brightness, distance, and rest habits are key.
Q.Is the difference between 60Hz and 144Hz really noticeable?
Visibly noticeable. The most direct comparison: rapidly scrolling a webpage or dragging windows — at 144Hz object edges are much crisper; at 60Hz there's obvious motion blur. But improvements above 144Hz follow diminishing returns.
Q.VRR or fixed refresh — which is better?
VRR (variable refresh rate) excels when frame rates fluctuate — it eliminates tearing while avoiding V-Sync's input lag penalty. If your frame rate consistently hits the display's max refresh rate, both provide essentially the same experience.
Refresh Rate Setup Tips
- • Windows: Right-click desktop → Display Settings → Advanced Display → Select refresh rate.
- • macOS: System Preferences → Displays → Hold Option and click refresh rate → Select highest value.
- • GPU Driver: NVIDIA Control Panel or AMD Software also allow refresh rate configuration, and may offer more options.
- • Verification: After switching refresh rate, quickly shake the mouse pointer side to side — at high refresh it should be noticeably smoother.