Skip to main content

PWA

Progressive web app 使用特定技术和标准模式来开发的 web 应用，这将同时赋予它们 web 应用和原生应用的特性

技术优势​

  • 用户可以用手机屏幕启动应用，即使在离线或弱网下，通过事先缓存的资源，也可正常加载运行当前应用，可以完全消除对网络的依赖，从而给用户非常可靠的体验
  • 因为预先缓存了资源，部分资源无须经过网络，即秒开页面
  • 和移动设备上的原生应用一样，具有很好的用户体验
  • 内容可以被搜索引擎收录
  • 可以给用户发送离线推送消息

技术实现​

  • 全站需要改造成 https，因为没有 https 就没有 sevice worker
  • 应用 service worker 技术提升性能，离线提供静态资源文件，提升首屏用户体验
  • 使用 App Manifest
  • 最后可以考虑离线消息推送等功能

浏览器兼容性​

  • ServiceWorkerGlobalScope API 88%
  • Web App Manifest 83%