本文发表于 222 天前,其中的信息可能已经事过境迁
文章摘要
加载中...|
此内容根据文章生成,并经过人工审核,仅用于文章内容的解释与总结 投诉

什么是 PWA

PWA( 渐进式 Web 应用 )是一种结合了网页和原生应用的技术,它可以提供更好的用户体验,包括离线访问、推送通知、更快的加载速度等。这些功能可以提高用户留存率和参与度,对于一些网站来说,PWA 是一个很好的选择。

上面是网络中查询到的结果,简而言之,PWA 能让你的网站更接近原生应用,并实现了更快的加载速度。

为什么去除

但是,对于博客来说,PWA 并没有什么意义。首先,博客本身并不需要离线访问的功能,也不会有人将博客安装为一个桌面应用使用。其次,博客的访问速度会受到各方面的影响,比如一些第三方的资源等,PWA 带来的这点速度提升并不能很好的体现。

当然,还有一个很重要的原因,在开启了 PWA 的页面被首次访问时,会触发 PWA 的安装提示( Install Prompt ),比如本站的更新提示:

缓存加载完成提示缓存加载完成提示

这是因为 PWA 会在首次访问时注册 Service Worker,Service Worker 是一种在浏览器后台运行的脚本,它可以拦截网络请求,从而实现离线访问、推送通知等功能。在注册 Service Worker 时,浏览器会检查当前页面是否满足 PWA 的安装条件,如果满足条件,就会弹出安装提示,让用户将网站添加到主屏幕上。

同时,在页面内容有更新时,并不会立即展现出来,必须等到 Service Worker 更新( Service Worker Update )完成后才会展现出来,这同样是因为 Service Worker 会先检查是否有新版本的页面内容,如果有新版本的页面内容,就会触发 Service Worker 更新,更新完成后,新版本的页面内容才会展现出来,而且必须用户进行一下刷新操作,才会更新页面内容,这无疑极大的影响了用户体验,并且还会造成一些奇怪的小问题。

因此,就先暂时去除吧,等后续有更好的方案时再考虑是否重新添加。

赞赏博主
评论 隐私政策