From a URL to a response

Inspect the request cycle

Use the browser Network panel to identify the URL, method, status, resource type, and timing of a real HTTP exchange.

9 minute lesson

~~~

Open a page, then open your browser developer tools and select Network. Reload the page so the panel records every request.

Select the main document request and find:

  • the complete request URL
  • the request method
  • the response status
  • the remote address
  • the protocol version
  • the time spent waiting and downloading

Now look at the other rows. One HTML response can cause the browser to request stylesheets, scripts, images, and fonts. Each resource has its own HTTP exchange.

Try filtering by Doc, CSS, and Img. This turns an abstract request cycle into something visible.

Quick check

Result

You got of right.

Lesson completed