---

名称: 缓存 描述: HTTP缓存、Service Workers、缓存失效、CDN配置。 允许工具: Read, Write, Edit, Bash, Glob, Grep

缓存技能

缓存策略专家级协助。

能力

• 配置HTTP缓存
• 实现Service Workers
• 设置CDN缓存
• 处理缓存失效
• 设计缓存架构

HTTP缓存头

// 不可变资源
headers['Cache-Control'] = 'public, max-age=31536000, immutable';

// 动态内容
headers['Cache-Control'] = 'private, no-cache, must-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);
    })
  );
});

目标流程

• 缓存策略
• 性能优化
• PWA开发