Click Button
Follow a simple action out to the server and back to the screen.
Stages
- Browser
- DOM
- JS
- State
- HTTP
- DNS
- TLS
- CDN
- Gateway
- Server
- Response
- Render
Examples
Examples
Each example is a real scenario you can run in FlowTrace. Launch the simulation to watch the request travel through every stage in 3D.
Submit Form
Follow the request through validation, gateway, auth, server, database and back to render.
Stages
- Browser
- DOM
- JS
- State
- HTTP
- DNS
- TLS
- CDN
- Gateway
- Auth
- Server
- Database
- Response
- Render
Sign In
Authenticate a user and look up their record in the database.
Stages
- Browser
- DOM
- JS
- HTTP
- DNS
- TLS
- Gateway
- Auth
- Server
- Database
- Response
- Render
Like Post
An optimistic update that touches the cache and writes to the database.
Stages
- Browser
- DOM
- JS
- State
- HTTP
- TLS
- CDN
- Gateway
- Auth
- Server
- Cache
- Database
- Response
- Render
Search Query
A read that checks the cache before reaching the database.
Stages
- Browser
- DOM
- JS
- HTTP
- DNS
- TLS
- CDN
- Gateway
- Server
- Cache
- Database
- Response
- Render
Save Record
A write that hands part of the work to a background queue.
Stages
- Browser
- DOM
- JS
- State
- HTTP
- TLS
- Gateway
- Auth
- Server
- Queue
- Database
- Response
- Render
Simulate Error
A request that fails at the server so you can see how errors surface.
Stages
- Browser
- DOM
- JS
- HTTP
- TLS
- Gateway
- Auth
- Server (error)
- Response
- Render
Cache Hit
A response served from the edge and cache without touching the database.
Stages
- Browser
- DOM
- JS
- HTTP
- TLS
- CDN
- Gateway
- Cache
- Response
- Render
Curious what each stage means? See how it works