当前播放: 跨容器高性能的离线化方案在美团的实践和探索
00:00 / 00:00
普清
  • 高清
  • 标清
  • 普清
1.0x
  • 2.0x
  • 1.5x
  • 1.25x
  • 1.0x
  • 0.5x
网页全屏
全屏
00:00
付费课程,可试看
合辑:PWA落地经验
在 PWA 中使用 App Shell 模型提升性能和用户感知体验
跨容器高性能的离线化方案在美团的实践和探索
从UC内核角度谈谈PWA技术在阿里体系的实践及影响

跨容器高性能的离线化方案在美团的实践和探索

于秋 美团点评智能支付部前端负责人

于秋,美团点评智能支付部前端负责人。

内容介绍

为了提升部门业务的页面性能,我们需要在多个不同的移动 App 容器里面实现自己的离线化方案,同时由于 App 不是自家的,所以不能借用目前流行的离线包之类的想法,只能从纯 Web 来思考。最终我们自己基于 Service Worker 的 PWA 方案在离线化上起到了核心作用,针对目前能够支持 Service Worker 的设备较为有限的环境背景,我们在踩过 PWA 无数坑之后,实现了结合 Service-Worker + JS loader 的兼容性 Web 资源离线化方案。在实现资源的离线化缓存之后,我们还尝试了降低资源的更新开销,提升了资源加载速度,节省用户流量。

演讲大纲

  1. 项目背景
  2. 离线化思考
  3. PWA 破局思路
  4. 缓存策略方案
  5. 资源更新优化方案
  6. 前端延伸 – 基于 Golang 的 Diff 服务
  7. 容错方案
  8. 成果总结
展开
16
登录 后留言

精选留言

由作者筛选后的优质留言将会公开显示,欢迎踊跃留言。
收起评论
其他推荐
31:08
Lavas:PWA的探索与最佳实践
彭星 百度资深前端工程师
试看
24:36
在 PWA 中使用 App Shell 模型提升性能和用户感知体验
潘宇琪 百度高级研发工程师
试看
40:07
从UC内核角度谈谈PWA技术在阿里体系的实践及影响
刘翔 阿里巴巴UC内核无线开发专家
试看