Caching

---
name: caching
description: HTTP caching, service workers, cache invalidation, and CDN configuration.
allowed-tools: Read, Write, Edit, Bash, Glob, Grep
graph:
  domains: [domain:web-development]
  specializations: [specialization:web-development]
  skillAreas: [skill-area:data-fetching-caching, skill-area:caching-strategies]
  roles: [role:frontend-engineer, role:backend-engineer]
  topics: [topic:cache-aside-pattern]

---

# Caching Skill

Expert assistance for caching strategies.

## Capabilities

- Configure HTTP caching
- Implement service workers
- Set up CDN caching
- Handle cache invalidation
- Design caching architecture

## HTTP Cache Headers

```typescript
// Immutable assets
headers['Cache-Control'] = 'public, max-age=31536000, immutable';

// Dynamic content
headers['Cache-Control'] = 'private, no-cache, must-revalidate';

// Stale-while-revalidate
headers['Cache-Control'] = 'public, max-age=60, stale-while-revalidate=300';
```

## Service Worker

```javascript
self.addEventListener('fetch', (event) => {
  event.respondWith(
    caches.match(event.request).then((response) => {
      return response || fetch(event.request);
    })
  );
});
```

## Target Processes

- caching-strategy
- performance-optimization
- pwa-development