tools / perf-monitor

Measure it on the device, or it didn't happen

Bench records UI FPS, JS FPS, CPU, and memory while you use your app on a real device, then turns each recording into a comparable run: averages at a glance, a frame-by-frame timeline for drill-down, and side-by-side comparison between runs — so "this release is faster" becomes a number, not a feeling.

Read the docsnpm i @buoy-gg/perf-monitor

React Native performance benchmark recording — Record FPS, CPU, and memory during real usage.

Benchmark run results — Averages at a glance with warning badges.

Frame-by-frame performance timeline — Frame-by-frame JS/UI FPS, CPU, and memory.

What it does

Record real usage

Start recording and use the app normally. Bench samples UI FPS, JS FPS, CPU, and memory on the device.

Instant results

Stop and save to see averages — JS/UI FPS, CPU%, peak memory — with a warning badge when a metric crossed a threshold.

Frame-by-frame timeline

Drill into any run and see every dip: which seconds dropped frames, what CPU and memory did around them.

Batch runs & AI automation

Define benchmark batches and let the MCP server run them repeatedly — an AI agent can benchmark a change and report the delta.

Frequently asked questions

How do I measure FPS in a React Native app?

Install @buoy-gg/perf-monitor and record a run — Bench samples both UI-thread and JS-thread FPS on the device, along with CPU and memory, and saves the run for comparison.

Can I compare performance before and after a change?

Yes — runs are saved and comparable, and via the Buoy MCP server an AI agent can run benchmark batches of both variants and report which is faster.

Add Bench — Performance Monitor to your app

Free for on-device debugging. Two-minute install, no native code.

Quick startnpm i @buoy-gg/core

Works well with

Render Highlighter

@buoy-gg/highlight-updates

Events Timeline

@buoy-gg/events

Network Inspector

@buoy-gg/network