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
// 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
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