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

在 PWA 中使用 App Shell 模型提升性能和用户感知体验

潘宇琪 百度高级研发工程师

潘宇琪,百度高级研发工程师。

内容介绍

在构建 PWA 应用时,使用 App Shell 模型能够在视觉和首屏加载速度方面带来用户体验的提升。另外,在配合 Service Worker 离线缓存之后,用户在后续访问中将得到快速可靠的浏览体验。在实践过程中,借助流行框架与构建工具提供的众多特性,我们能够在项目中便捷地实现 App Shell 模型及其缓存方案。最后,在常见的 SPA 项目中,我们试图使用 Skeleton 方案进一步提升用户的感知体验。

演讲大纲

  1. App Shell 模型
  2. Skeleton 方案
展开
¥4.99 购买
开通VIP
10
登录 后留言

精选留言

由作者筛选后的优质留言将会公开显示,欢迎踊跃留言。
收起评论
其他推荐
31:08
Lavas:PWA的探索与最佳实践
彭星 百度资深前端工程师
试看
37:52
跨容器高性能的离线化方案在美团的实践和探索
于秋 美团点评智能支付部前端负责人
免费
40:07
从UC内核角度谈谈PWA技术在阿里体系的实践及影响
刘翔 阿里巴巴UC内核无线开发专家
试看