Performance · 3 new tools

Where does the time go?

A request is a budget. FlowTrace breaks one apart stage by stage, races two paths on a single clock, and hands you a link that replays the exact run you are watching.

01 · Performance budget

Sixteen stages, one budget.

Illustrative medians, not real measurements
310 mstypical end-to-end, median pathNetwork + origin = 85% · client JS barely registers
CLIENT46 ms15%NETWORK95 ms31%SERVER56 ms18%ORIGIN113 ms36%
Heaviest stages
ORIGIN25% of budget
14

Database

Typical range14-280 ms
Make it faster

Index the query, select only the columns you need, and read from a replica when you can.

02 · Compare

Compare two requests.

Two paths on a single clock; the shorter run is literally shorter on screen. Press Race them and watch the faster request finish first.

A
B
LOGIN JOURNEYLogin journeyfinished269 ms
CACHE HITCache hitfinished161 ms
0135 ms269 ms
Cache hit
faster by 108 ms · 40% less time
What differs
Only in ALogin journey adds DNS, TLS, Gateway, Auth, Server logic, Database.
Only in BCache hit adds HTTP (reused), Cache read.
03 · Replay permalinks

Share the exact trace.

Every run encodes into a link: scenario, mode, camera and speed. Open it and FlowTrace skips the intro and starts the same run. Pick your setup below and the URL writes itself.

Scenario menu
Scenario?trace
Mode&mode
Camera&cam
Speed&speed
Replay linkupdates live
https://flowtracelab.com/?trace=login&cam=free&mode=cinematic&speed=cinematic
Copies the link to the run you have set up.
On open, the link will
1Skip the intro and drop straight into the canvas
2Set mode · Cinematic and camera · Free
3Run at Cinematic
4Start the Login trace automatically