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