Request-response cycle

Summary

The full round trip of a browser sending an HTTP request to a server and receiving a response — the foundation of how every website loads. A single page load usually involves many such cycles for HTML, CSS, JavaScript, images, fonts, and API data, so learning to inspect them is essential for debugging and performance work.

• 1Open the Network tab in DevTools and inspect a real request/response pair. Inspect at least one real example and note what each important field or stage represents.
• 2Learn the anatomy of an HTTP request: method, headers, body. Focus on understanding the underlying reason it works, not only memorizing the definition.
• 3Understand status codes (200, 301, 404, 500) and what they signal.