Implement effective caching strategies for frontend applications including service workers.
I need to implement caching strategies for my frontend application. **Application Type:** - Framework: [Next.js/React SPA/PWA] - Static content: [percentage] - Dynamic content: [percentage] - API responses: [frequency of change] **Current Performance:** - Average page load: [X seconds] - Repeat visit load: [X seconds] - Cache hit rate: [if known] **Requirements:** - Offline support: [yes/no] - PWA features: [yes/no] - API caching: [requirements] **Assets to Cache:** [List asset types and their update frequency] Please provide: 1. Service worker caching strategy 2. HTTP caching headers configuration 3. API response caching patterns 4. Cache invalidation strategies 5. Prefetching implementation 6. Bundle caching with versioning 7. Monitoring and debugging cache
Or press ⌘C to copy