Cache Testing Dashboard

Cache Testing Options

Test different caching behaviors and validate cache headers.

View Cacheable Content Showcase

Test Different Cache Durations

Each test endpoint serves the same content with different cache settings:

No Cache Test

Cache-Control: no-store, no-cache, must-revalidate

Behavior: Content is never cached, always fresh from server

Use Case: Dynamic content, user-specific data

Short Cache Test

Cache-Control: public, max-age=60

Behavior: Cached for 1 minute

Use Case: Frequently updated content

Medium Cache Test

Cache-Control: public, max-age=3600

Behavior: Cached for 1 hour

Use Case: Semi-static content

Long Cache Test

Cache-Control: public, max-age=86400, immutable

Behavior: Cached for 1 day, marked as immutable

Use Case: Static assets, versioned files

How to Test Caching

  1. Open Browser Developer Tools (F12 in most browsers)
  2. Go to Network Tab to monitor requests
  3. Visit a test endpoint from above
  4. Check response headers for Cache-Control and X-Cache-Status
  5. Refresh the page and observe:
    • Status code (304 = cached, 200 = fresh)
    • Response time (cached responses are faster)
    • Size (cached may show "from disk cache")
  6. Force refresh (Ctrl+F5) to bypass cache

Dynamic Cache Test

Test cache behavior with dynamic content: