frame per second test ( fps) | refresh rate test
frame per second test ( FPS ) & Refresh Rate test
Real-time frame monitoring, refresh rate detection, stability benchmarking, and motion visualizer
Benchmark Completed!
What is a Frame Per Second (FPS) & Refresh Rate Test Tool?
A Frame Per Second (FPS) and Refresh Rate Tester is a web utility designed to measure display fluidity and hardware performance. It calculates how many individual visual frames your graphics engine renders per second (FPS) and determines the physical refresh capability (Hertz/Hz) of your monitor or mobile screen.
Whether you are evaluating a high-end gaming monitor, a high-refresh-rate smartphone (90Hz, 120Hz, 144Hz+), or checking for browser lag, this tool provides real-time performance analytics directly inside your web browser.
How Does This Browser-Based Utility Work?
This web application uses low-level browser APIs to monitor screen refresh cycles directly without requiring native software installation:
- requestAnimationFrame() Loop: Monitors hardware rendering cycles to calculate accurate frame intervals down to the millisecond.
- Frame Timing Delta: Calculates instant frame rendering time (e.g., 16.6ms for 60Hz, 8.3ms for 120Hz, 6.9ms for 144Hz).
- 1% Low Stutter Analytics: Identifies sudden frame drops and micro-stutters to measure overall rendering stability.
- WebGL GPU Context: Accesses underlying hardware acceleration data to detect the active graphics processor rendering the browser session.
Integrated Tool Features Overview
- Live & Average Metric Tracking: Real-time readout of current FPS, average FPS, 1% low minimums, and frame duration.
- Real-Time Graphing: A live canvas line chart tracking frame consistency over time.
- 10-Second Stability Benchmark: An automated stress test providing a comprehensive stability percentage rating.
- Multi-Tier Motion Simulation: Parallel animation tracks illustrating motion blur differences across 30 FPS, 60 FPS, and native uncapped refresh rates.
- Frame Skipping Matrix: A flashing grid pattern designed for camera testing to detect skipped frames on overclocked displays.
- Fullscreen Testing Mode: Eliminates desktop window manager overhead to capture pure hardware performance.
Device-Specific User Guide & Optimization Instructions
1. Desktop PCs & Laptops (Windows, macOS, Linux)
- Configure Display Settings: Open Windows
Display Settings > Advanced Displayor macOSSystem Settings > Displaysand set the refresh rate to the maximum supported value. - Enable Hardware Acceleration: Ensure "Use hardware acceleration when available" is enabled in your browser settings so WebGL routes through your dedicated GPU.
- Cable Validation: Verify that high-bandwidth DisplayPort 1.4+ or HDMI 2.1 cables are connected directly to your dedicated graphics card.
2. Mobile Devices (Android Smartphones & Tablets)
- Enable High Refresh Rate: Open
Settings > Display > Smooth Display / Motion Smoothnessand toggle to 90Hz, 120Hz, or 144Hz. - Disable Power Saving: Turn off Battery Saver mode, which locks mobile displays to 60Hz to conserve energy.
- Browser Optimization: Close resource-heavy background applications before running the benchmark.
3. Apple iPhones & iPads
- ProMotion Settings: On supported devices (iPhone Pro / iPad Pro), verify that "Limit Frame Rate" is disabled under
Settings > Accessibility > Motion.