🌤️ Weather - Data Strategies Demo
📋 Choose Your Demo
This application demonstrates three different data fetching strategies. Click below to see each approach:
📊 Strategy Comparison
| Aspect | Page Cache | Controller Cache | Real-Time |
|---|---|---|---|
| What's Cached | Entire page HTML | API response only | Nothing |
| Page Render | Constant (cached) | Fresh each time | Initial + real-time |
| API Response | Constant (cached) | Constant (cached) | Continuous updates |
| Performance | Highest | Medium | Real-time |
| Best For | Static content | Dynamic layouts | Live dashboards |
🧪 How to Test
Each demo page includes timing information and a "Test Cache" button. Here's what to expect:
🔄 Page Cache Demo
Expected: Both page render time AND API response time stay identical on refresh
Test Button: Refreshes page, but cached HTML is still served (same timestamps)
🎯 Controller Cache Demo
Expected: Page render time changes, API response time stays the same
Test Button: Shows new page render time but same API response time
⚡ Real-Time Demo
Expected: Continuous updates every 2 seconds via SignalR
Test Button: Requests immediate update (bypasses any caching)
⏱️ About the 5-Second Delay
The Weather API in the Controller Cache Demo includes an artificial 5-second delay to simulate slow database queries. This makes caching benefits clearly visible:
Controller Cache Demo: First request ~5 seconds, cached requests instant | Page Cache Demo: Entire page cached | Real-Time Demo: Live updates every 2 seconds