Service Worker Navigation Preload 与首屏数据优化

`title: Service Worker Navigation Preload 与首屏数据优化``categories: Web 开发/前端/数据管理``keywords: Navigation Preload,Service Worker,首屏,性能,fetch``description: 启用 Navigation Preload 让浏览器在 Service Worker 启动时并行发起网络请求，缩短首屏等待并保持拦截能力。`启用与使用self.addEventListener('activate', event => { event.waitUntil(self.registration.navigationPreload.enable()); }); self.addEventListener('fetch', event => { const pre = event.preloadResponse; if (pre) { event.respondWith(pre); } }); 策略文档请求优先用预加载响应；失败时降级到缓存或网络。