PWA 首次访问比较慢，怎么设置 scope ，在加载首页时不执行缓存策略？
lisisi · 2019-09-24 08:26:52 +08:00 via iPhone · 1208 次点击这是一个创建于 1691 天前的主题，其中的信息可能已经有所发展或是发生改变。
pwa 在首次访问时，比较慢，甚至部分浏览器兼容不好的话，首次访问会假死，需要再刷新一次才会显示内容。
要让用户首次访问更快，是不是可以考虑把进入首页时（ pwa 默认路由设置的是首页 /index ），所有缓存策略禁止执行，用 scope 把 /index 排除。试了几次，效果不太明显，不知道是 scope 策略写的不对，还是这个方法不可行？
要让用户首次访问更快，是不是可以考虑把进入首页时（ pwa 默认路由设置的是首页 /index ），所有缓存策略禁止执行，用 scope 把 /index 排除。试了几次，效果不太明显，不知道是 scope 策略写的不对，还是这个方法不可行？
 |
1
alw 2019-09-24 09:11:29 +08:00
我不知道你怎么设置的，我使用 workbox 这个库，我的做法一般是 .html 设置为 network first，其它文件设置为 cache first，（像 CSS,JS 这些，必须要用带 hash，确保 html 更新后 能加载出新的文件）。
|
 |
2
shadowwalker2644 2019-09-24 10:19:28 +08:00 via Android
@alw 你说的没错。补充一下，我认为 css 和 js 设置为 stale while revalidate 策略更好，后台自动更新。另外用 ssr 后端渲染完整的 html，第一次即使没加载好 js 也能呈现比较好的效果
|
Select Language