04 Try it yourself Interactive

Three requests to one URL, and only two of them travel

The same page is asked for at t = 0 s, t = 20 s and t = 70 s. Each press moves one step: the two panels are the messages on the wire with the header that matters outlined in indigo, and the three boxes underneath are what the browser is holding, so you can watch the cookie jar and the cache entry fill up and the freshness run down. Every byte count is measured by counting the header lines you can see, so the totals always agree with the screen. Switch to Cache-Control: no-store to run the identical three requests with nothing allowed to be stored, and compare the two totals at the bottom. Change the body size and the freshness window and everything recomputes. Nothing plays on its own: Next, Back and Reset, or the arrow keys.

Caching on · max-age=60
nothing sent yet
Two numbers: body bytes, max-age seconds. Body 1 to 500000, max-age 0 to 600.
Press Next to begin. Each press moves one message.


      
Requests0
Round trips0
Bytes on wire0
Served from cache0
step 0 / 0