PWA 首次访问比较慢，怎么设置 scope ，在加载首页时不执行缓存策略？

This topic created in 2424 days ago, the information mentioned may be changed or developed.

pwa 在首次访问时，比较慢，甚至部分浏览器兼容不好的话，首次访问会假死，需要再刷新一次才会显示内容。

要让用户首次访问更快，是不是可以考虑把进入首页时（ pwa 默认路由设置的是首页 /index ），所有缓存策略禁止执行，用 scope 把 /index 排除。试了几次，效果不太明显，不知道是 scope 策略写的不对，还是这个方法不可行？

scope

pwa

访问

index

2 replies • 2019-09-24 10:19:28 +08:00

alw

Sep 24, 2019

我不知道你怎么设置的，我使用 workbox 这个库，我的做法一般是 .html 设置为 network first，其它文件设置为 cache first，（像 CSS,JS 这些，必须要用带 hash，确保 html 更新后能加载出新的文件）。

shadowwalker2644

Sep 24, 2019 via Android

@alw 你说的没错。补充一下，我认为 css 和 js 设置为 stale while revalidate 策略更好，后台自动更新。另外用 ssr 后端渲染完整的 html，第一次即使没加载好 js 也能呈现比较好的效果