GAMEPAD TESTER / PERFORMANCE STUDIO

FPS Test Online

Measure browser frames per second, inspect frame-time consistency, compare motion and run repeatable rendering workloads. A detailed FPS checker for desktops, laptops and mobile browsers.

Live FPSFrame-Time Graphs4-Tier BenchmarkMotion Comparison
Launch FPS Tester β†—
01 / DEVICE ENVIRONMENT

Your Browser & Screen Information

Automatically reports accessible display and browser values. No permissions required.

● Browser ready
CSS screen sizeβ€”Not native panel pixels
Viewportβ€”Browser CSS pixels
Device pixel ratioβ€”Reported browser scale
Estimated cadenceβ€”From frame callback intervals
02 / LIVE FPS WORKBENCH

Real-Time Browser FPS Test

Choose an animation and rendering workload. Start the test to record actual browser frame callback timing.

Ready to test
Current FPSβ€”Recent frame intervals
Average FPSβ€”Completed frames / time
1% Low FPSβ€”Slowest 1% frame times
Frame Timeβ€”Latest interval in ms
P95 Frame Timeβ€”95th percentile Β· ms
Long Frames0Relative to observed cadence
LIVE RENDERING SURFACE
SMOOTH TRACK
READY Β· PRESS START00:00

Ready. Start a timed run to collect meaningful FPS and frame pacing data.

TEST CONFIGURATION

Rendering Controls

Rendering Workload

Medium Β· 160 elementsLevel 2 / 4

Higher tiers draw more objects every frame. Scene size, browser, scaling and device power mode all affect scores.

Benchmark: Light, Medium, Heavy and Extreme for 6 seconds each. It stops automatically if the tab becomes hidden.

Measurement note: This reads requestAnimationFrame callbacks. It measures the current webpage's rendering cadenceβ€”not the FPS of another game, actual GPU output, exact physical refresh rate or end-to-end input latency. Browser tabs in the background are throttled.

03 / FRAME-PACING ANALYSIS

Live FPS & Frame-Time Charts

See whether frames arrive consistently, rather than focusing only on one FPS number.

FPS Over Time

Last 120 samples

Rolling FPS based on recent callbacks. Lower dips can coincide with uneven motion.

Frame Time

Milliseconds / frame

A steady frame time is generally smoother than frequent spikes. No fixed FPS is assumed.

04 / MOTION COMPARISON

24 FPS vs 30 FPS vs 60 FPS

Observe different simulated animation update rates. Your browser's screen refresh still limits how these demonstrations appear.

SIMULATED MOTION DEMONSTRATION
24 FPS
Film-style steps
30 FPS
Moderate motion
60 FPS
Finer motion steps

These rows deliberately change object position at 24, 30 and 60 updates per second. They are illustrations, not measured monitor refresh rates or independent video streams.

05 / REPEATABLE PERFORMANCE RUN

Four-Level FPS Benchmark

Compare sustained browser performance as this page's Canvas workload increases.

Not run
01Lightβ€”~50 elements
02Mediumβ€”~160 elements
03Heavyβ€”~500 elements
04Extremeβ€”~1,200 elements

Each tier lasts 6 seconds (24 seconds total, plus scheduling overhead). Tier results are the average browser callback FPS while that workload is rendered. They are not comparable to native-game benchmarks.

06 / VISUAL GUIDE

How to Measure FPS and Frame-Time Consistency

Frames per second tells you how frequently your browser produces animation updates. Frame time explains how much time passes between those updates.

  1. Close unnecessary tabs and leave the test window visible.
  2. Choose a repeatable scene, workload and duration.
  3. Run at least two sessions under the same settings.
  4. Compare average FPS, 1% lows and frame-time spikes.

Use stable power and display settings when comparing runs, particularly on laptops.

IMAGE SECTION 01
FPS & Frame-Time TestingPaste your image URL into data-image-url
Suggested image: desktop gaming monitor with a clear FPS and frame-time chart, no branding.
07 / SMOOTHNESS GUIDE

How to Compare Smooth Motion and Screen Refresh

Higher frame rates can make motion appear smoother, but display refresh, browser scheduling and rendering consistency also influence the result.

  1. Watch the simulated motion rows at the same time.
  2. Choose the moving-object scene and start a timed FPS run.
  3. Look at the frame-time graph for unusually long intervals.
  4. Test again with a lower rendering workload if timing is uneven.

Use a dedicated display measurement tool if your goal is to characterize the hardware's actual refresh rate or pixel response.

IMAGE SECTION 02
Motion & SmoothnessPaste your image URL into data-image-url
Suggested image: monitor visualizing 30 FPS and 60 FPS moving objects in a clean editorial setting.
08 / HISTORY & DOWNLOADS

FPS Test History and Reports

Compare recent local sessions and save your results for later reference.

RunScene / WorkloadAverage FPS1% LowP95 msLong framesDuration
Run an FPS test to populate your session history.
0 sessionsUp to 12 recent sessions stored in this browser
09 / FPS TEST EXPLAINED

What Your FPS Results Actually Mean

01

Current FPS vs Average FPS

Current FPS reflects a recent rolling window and can change quickly. Average FPS summarizes a longer test and is more useful when comparing identical workloads.

02

1% Low FPS

This tool averages the slowest 1% of measured frame intervals and converts that mean interval to FPS. Meaningful results require enough frames and are not identical to every game benchmark's 1% low method.

03

Frame Time and P95

Frame time is the gap between animation callbacks. P95 means 95% of sampled intervals were at or below that value. Spikes can make motion look inconsistent.

04

Long Frames and Stutter

The checker counts intervals substantially longer than a fast observed baseline. They are possible frame-pacing interruptions, not a direct hardware dropped-frame counter.

05

Display Refresh vs Browser FPS

A 144 Hz panel and a page producing 90 FPS are different quantities. Browser timing alone cannot prove the panel's native refresh rate or the frames produced by other applications.

06

Canvas Workload vs Game Performance

Canvas drawing exercises a specific browser workload. Native games use different engines, GPU APIs and rendering paths, so this test cannot predict in-game FPS.

10 / TROUBLESHOOTING

Why Is My Browser FPS Low or Unstable?

Low FPS Across All Tiers

Check browser updates, device power-saving mode and hardware acceleration. Close unrelated intensive applications and repeat the same workload.

Large Frame-Time Spikes

Other tabs, notifications, extensions, garbage collection and background activity can delay animation callbacks. Compare repeated runs rather than one isolated spike.

Different Results in Another Browser

Browser engines and GPU acceleration settings can change Canvas performance and animation scheduling. Record the browser and test settings with your result.

Phone or Laptop Becomes Warm

Stop intensive testing and let the device return to normal operating conditions. High workloads increase processing demand, so short test durations are better for routine checks.

11 / FREQUENTLY ASKED QUESTIONS

FPS Tester FAQs

How do I test my FPS online?

Choose an animation, a workload and a duration, then select Start FPS Test. The tool measures the browser's animation callback timing while drawing the selected scene and reports FPS and frame-time statistics.

Is this a real gaming FPS benchmark?

No. It is a real measurement of this browser page's animation performance, not an FPS reading from a separate game. Native games may perform very differently.

Can this tell me if my monitor is 60 Hz, 120 Hz or 144 Hz?

It can show an estimated animation callback cadence, which often tracks display refresh, but browsers can throttle callbacks or change scheduling. It cannot certify the physical panel refresh rate.

What is a good FPS score?

For this tool, judge consistency and compare average FPS across runs with identical settings. A higher number generally means more browser updates, but the appropriate rate depends on your display and workload.

What does 1% low FPS mean?

It summarizes the slowest frame intervals. A lower 1% low compared with average FPS can indicate uneven pacing. This page calculates it from the slowest 1% of sampled browser frame intervals.

What causes FPS drops?

Heavy rendering, CPU competition, GPU limitations, power saving, thermal management, browser extensions and other background activities can all affect the test.

Does the FPS Test work on Android and iPhone?

Yes, in current mobile browsers supporting Canvas and requestAnimationFrame. Mobile browsers can throttle animation and intensive modes may use more power, so start with Light or Medium.

Can I compare 24, 30 and 60 FPS motion?

Yes. The motion comparison shows three deliberately quantized update rates. They are simulated demonstrations displayed within your browser's actual rendering cadence.

Why does the FPS test stop when I change tabs?

Browsers typically slow or pause animation callbacks in hidden tabs. This tester stops a run instead of including long hidden-tab pauses in its results.

Is FPS data uploaded to a server?

This widget processes measurements locally and stores only recent sessions in your browser when storage is available. It has no dedicated server upload. Other website scripts or analytics may have separate policies.