- 什么是 PWA
- 为什么是渐进式
- App Shell 模型
- 介绍
- 传统“记住密码”功能实现
- 第三方登录凭证管理
- 凭证管理 API
- 账号密码凭证管理
- 搜索优化
- 消息推送介绍
- 如何吸引并留住用户
- 应用添加横幅
- 基本功能
- 改善应用体验
- manifest.json 简介
- 行为部分
- 视觉部分
- 通知
- 常用实现
- 离线 UX 注意事项
- 怎么使用 Service Worker
- 如何进行 Service Worker 调试
- Service Worker 简介
- Service Worker 生命周期
- 利用 indexedDB 保持应用状态的最佳实践
- Progressive Web App 的离线存储
- 网页存储概览
- 使用 RAIL 模型评估性能
- 使用 Lighthouse 审查 WebApp
- 代码规范与代码检查工具
- CSP 内容安全策略
- Web 安全
- 同源策略
- 典型的安全漏洞
- 使用 HTTPS
文章来源于网络收集而来,版权归原创者所有,如有侵权请及时联系!
为什么是渐进式
我们强调渐进式的改善站点体验主要有下面两个原因:
- 降低站点改造的代价,逐步支持各项新技术,不要一蹴而就
- 新技术标准的支持度还不完全,新技术的标准还未完全确定
PWA 改造的成本考虑
PWA 涉及到从安全、性能和体验等方面的优化,想要一次性支持所有特性,代价很高,老板也不一定愿意投入大量人力来支持这项大工程。
所以,从改造的成本考虑,我们也建议采取渐进式的方式,可以考虑按照下面的步骤来改造:
- 第一步,应该是安全,将全站 HTTPS 化,因为这是 PWA 的基础,没有 HTTPS,就没有 Service Worker
- 第二步,应该是 Service Worker 来提升基础性能,离线提供静态文件,把用户首屏体验提升上来
- 第三步,App Manifest,这一步可以和第二步同时进行
- 后续,再考虑其他的特性,离线消息推送等
标准的支持度
PWA 采用的最新技术,当前浏览器还没有达到完全支持的程度,W3C 关于这些技术的标准也还在处于草稿状态,没有定稿。
根据 Can I use 的统计(包括 PC 和 Mobile)
- App Manifest 的支持度达到 57.43%
- Service Worker 的支持度达到 72.82%
- Notifications API 的支持度达到 43.3%
- Push API 的支持度达到 72.39%
- Background Sync 暂未统计到,Chrome 49 以上均支持
随着 W3C 的标准的进一步完善,国内外各大浏览器都会逐步支持,拥抱标准。
我们可以通过下面这个链接关注 Service Worker 的支持度,https://lavas.baidu.com/ready 。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论