Service Worker的缓存策略又搞砸了之前为了省事,直接用了cache-first,结果用户看到的老是旧版本,刷新也没用。 后来改成network-first,结果离线时直接挂掉,体验极差。
现在学乖了,得根据资源类型分开处理:静态资源用cache-first保证加载速度,API数据用network-first确保实时性,用户提交的数据得用stale-while-revalidate。
还有个大坑是缓存命名,之前没加版本号,每次更新都生效不了。现在学精了,缓存key里带上版本号,更新的时候直接清掉旧缓存。
PWA这玩意儿看着简单,里面的门道还挺多的网络策略真的得花心思调教,不能一套方案走天下。
现在学乖了,得根据资源类型分开处理:静态资源用cache-first保证加载速度,API数据用network-first确保实时性,用户提交的数据得用stale-while-revalidate。
还有个大坑是缓存命名,之前没加版本号,每次更新都生效不了。现在学精了,缓存key里带上版本号,更新的时候直接清掉旧缓存。
PWA这玩意儿看着简单,里面的门道还挺多的网络策略真的得花心思调教,不能一套方案走天下。
登录/注册