Network & Performance Analysis

Use the buttons below to trigger different API requests. Analyze them in the Chrome DevTools Network and Performance panels.

Successful Request (200 OK)

Fetches data successfully. Good for explaining basic requests, headers, and response payloads.

Unauthorized Request (401)

Simulates a failed request due to missing authentication. Perfect for explaining error status codes.

Cached Request (304)

The first click fetches data. Subsequent clicks will hit the browser cache and result in a 304 response.

Slow Request (Performance)

This request is intentionally delayed by 2 seconds on the server. Use the Performance panel to diagnose.