HomeComputer ScienceFrame-Time Monitor: Jank & FPS Percentiles

Frame-Time Monitor: Jank & FPS Percentiles

Interactive mobile APM simulator: watch a live frame-time telemetry stream (UI thread render pipeline), tune workload, jitter and GC pauses, and see FPS, jank rate and p95 frame time computed exactly the way a mobile performance monitor computes them.

Computer Science3DModerate60 FPS📱 Mobile-adapted⇄ 2D version
mobile-performance-monitoring ↗ Open standalone

This simulator models the core telemetry loop behind mobile app-performance-monitoring (APM) tools: sample a frame time every render, compare it against the device's frame budget, and roll the last N samples up into FPS, jank rate and p95 frame time. A scrolling 3D bar chart renders the live frame-time stream — bar height and color both track how close each frame came to blowing its budget — with a translucent plane marking the current budget line. Tune the base render cost and jitter to see how workload variance drives jank, or toggle simulated garbage-collector pauses to see the large, infrequent stalls that are the classic cause of a janky scroll on managed-memory mobile runtimes.

⚙ Under the hood

Watch a live frame-time telemetry stream from a mobile app's UI thread: tune workload, jitter and simulated GC pauses, and see FPS, jank rate and p95 frame time computed the way a real mobile APM tool computes them.

mobileperformanceframe-ratejankapmmonitoring

3D · Three.js / WebGL renderer · 60 FPS target · runs fully client-side, no install

What did you find?

Add reproduction steps (optional)