HTTP Cache Lab - Free Online Caching Simulator Tool | IconVault

Simulate browser caching: set Cache-Control and ETag, send requests, advance the clock, and watch hit, miss and revalidate decisions play out.

All tools

HTTP Cache Lab

Simulate Cache-Control and ETag decisions on a live timeline

5 of 5 free uses left

Response Cache-Control

Bump origin content below to change the ETag and force a 200 on revalidate.

Simulated clockt = 0s

5 of 5 free copies left - everything runs locally in your browser.

Browser cache

empty - send a request to fill it

Origin server (simulated)

current ETag"v1-abc"
revisionrev-1

Answers conditional requests with 304 while the ETag matches.

Decision tree (last request)

1. Cache lookup

Is there a stored entry?

2. Freshness check

age < max-age?

3. Revalidate

If-None-Match: ETag

4. Serve

HIT, 304 or 200

Request timeline

No requests yet. Try: send twice with max-age=3600 (HIT), then +1h and send again (revalidate).

Simplified model of RFC 9111: heuristic freshness, Vary, and private/shared cache splits are not simulated.

About this tool

IconVault's HTTP Cache Lab is an interactive simulator for learning HTTP caching. Pick Cache-Control directives like max-age, no-cache, no-store, must-revalidate, immutable and stale-while-revalidate, set an ETag, then send requests and advance the simulated clock while a decision tree lights up to show exactly why each request was a cache hit, a miss, or a revalidation.

Watching the logic play out step by step makes abstract header rules concrete: what no-cache really does, when a 304 Not Modified replaces a full download, and how ETag comparison saves bandwidth. It is free with no signup and runs fully in your browser. The honest note: this is a teaching simulation of browser cache logic; real browsers, CDNs and proxies add extra layers like heuristic caching and shared caches that the lab intentionally keeps out.

Frequently asked questions

Popular searches

http cachehttp cachingcache controlcache-control headerhttp cache simulatorcaching lablearn http cachinghttp cache explainedbrowser cache how it workscache hit vs misshttp revalidationetag explainedetag vs last-modifiedmax-age cacheno-cache vs no-storemust-revalidatestale-while-revalidateimmutable cache304 not modifiedconditional requestif-none-matchcache decision treehttp caching tutorialinteractive caching democache control directivescache-control examplespublic vs private caches-maxagecdn caching basicsbrowser cache simulationhttp cache playgroundtest cache headersunderstand etaghttp caching best practicescache bustingcache invalidationwhy is my page cacheddisable cache httphttp cache headers listexpires vs cache-controlpragma no-cachevary header cachecache key explainedheuristic cachingage header httphttp caching for developersweb performance cachingfree caching simulatorhttp cache lab onlinecache control max-age examplehttp cache visualizerlearn cache headerscaching simulation tool

More tools

Coming soon

CLI

Coming soon

Figma plugin

Coming soon

VS Code extension

Coming soon

Chrome extension

Coming soon

AI icon generator

Coming soon

Team workspaces

Coming soon

View all 10+ tools →