RN SSR 首屏性能优化实践

所属专题:新时期的性能优化

嘉宾 : 熊军慧 | 美团到店综合业务 技术专家

会议室 : 沙龙1

讲师介绍

专题演讲嘉宾:熊军慧

美团到店综合业务 技术专家

 毕业于中国科学技术大学,9 年工作经验,目前职位技术专家,负责美团到综商户页的性能优化,质量和效率,RN SSR 等。

议题介绍

演讲:RN SSR 首屏性能优化实践

传统 Native 开发需求上线周期长,研发效率低,随着需求迭代,包体越来越大,为了解决这些痛点,美团引入了 RN 技术栈。RN 的页面在启动时需要经历下载 js bundle,创建 js 引擎,加载 js bundle,运行 js bundle 这些步骤,因此基于 RN 技术栈的页面首屏加载时间普遍都较高,影响用户体验。对于 js bundle 的下载,可以利用缓存技术避免每次下载,我们也可以提前创建一些空的 js 引擎,节约引擎创建的时间,进一步,可以复用页面用过的引擎,节约 js 加载时间。除了加快引擎的创建,网络请求前置也是常用的优化手段,但是这些常规手段对于一些低频页面的冷启动却很难奏效,因为这些低频页面没有可复用的引擎,首次 js 代码加载和运行是很慢的,尤其是对于性能较差的设备。RN SSR 创新的将 SSR 引入 RN 技术栈,通过服务端渲染出构建页面的序列,这些序列在客户端直接创建 view 树,不需要等待 js 引擎的创建和代码运行,大大降低了首屏的加载时间,提升了用户体验。

演讲提纲:
1. 阐述背景

  • 常规 RN 页面优化手段无法优化低频页面的加载性能

2. RN SSR 原理

  • 序列生成
  • 同构

3. RN SSR 工程化

  • 客户端
    • 事件绑定
    • 降级策略
  • 服务端
    • RN SSR 基本问题
    • RN SSR 服务端工程化

4. 总结与展望

  • Serverless SSR
  • 服务端预渲染

你将获得:

  • RN SSR 的原理
  • RN SSR 工程化的经验
  • 提升基于 RN 技术栈页面的首屏加载性能新思路
     
  • 电话咨询

    联系电话:+86 18514549229
在报名过程中如有任何问题,欢迎微信扫描二维码联系我们的票务经理