陈士贤

常见错误是将 Service Worker 文件放在子目录下，导致其只能控制该目录及其子目录，页面根路径或其它目录的内容无法受益于离线缓存或预加载

同时，避免将整个页面全部缓🔥存为单一版本，以免更新后内容陈旧

更多精选文章

若缓存策略不当，搜索引擎爬虫可能只看到静态 Shell 🌅而无法获取实际内容

关键点：App Shell 应缓存静态资源（CSS、🔍JS、Logo），动态内容必须实时对爬虫可见

建议构建全面的预缓存清单，至少缓存所有关键页面和常用资源，并利用🎵 Service Worker 的“后台同步”机制，确保爬虫能遍历完整链接图谱

PWA SEO适配中常见的避坑指南

同时监控 Lighthouse 💯报告中的首字节时间🌈（TTFB）和首次内容绘制（FCP），确保 PWA 不因冗余操作而降低性能