Performance Waterfall

Performance

Request Waterfall

Visualize network request timing and identify performance bottlenecks across page loads.

0ms110ms220ms330ms440ms
GET /index.html45ms
GET /styles.css85ms
GET /app.js230ms
GET /fonts/inter.woff265ms
GET /api/users180ms
GET /api/config340ms
GET /images/hero.webp120ms
About this block

Performance WaterfallPRO

Network request waterfall chart with cascading timing bars. Color-coded by duration — green for fast, amber for medium, red for slow.

More DevTools blocks

View all DevTools
PRO

devtools33

Network Request Monitor

Real-time HTTP request interceptor with recording controls. Method badges, status codes, duration timing, size info, and filterable by method/type.

PRO

devtools12

Rate Limit Dashboard

API rate limit monitor with color-coded usage bars per endpoint. Shows current usage, limits, and visual threshold indicators.

PRO

devtools37

Load Test Dashboard

API performance testing interface with start/stop controls and progress bar. Metric cards for RPS, success rate, P95/P99 latency, and error count.

PRO

devtools6

Application Log Viewer

Terminal-style structured log viewer with level filtering. Color-coded INFO, WARN, ERROR, and DEBUG entries with timestamps and source labels.

PRO

devtools2

Webhook Event Stream

Real-time webhook event log with delivery status indicators, expandable JSON payloads, and response time tracking.

PRO

devtools38

API Usage Analytics

API analytics dashboard with endpoint usage table. Stats cards for requests, latency, error rate, and active users. Trend indicators and method badges.