Service Worker 预取与导航预加载协同优化

`title: Service Worker 预取与导航预加载协同优化``categories: Web 开发/前端/数据管理``keywords: Service Worker,预取,Preload,Prefetch,性能``description: 结合预取与 Navigation Preload 在 SW 中协同优化首屏与路由切换性能，保障一致性与可控缓存。`协同策略路由预测预取关键数据与资源；导航预加载并行启动网络请求；失败回退缓存。示例self.addEventListener('activate', e => { e.waitUntil(self.registration.navigationPreload.enable()); }); self.addEventListener('fetch', e => { const pre = e.preloadResponse; if (pre) e.respondWith(pre); });