Weex实战分享|企鹅电竞Weex实践和性能优化

  1. 云栖社区>
  2. 淘系技术>
  3. 博客>
  4. 正文

Weex实战分享|企鹅电竞Weex实践和性能优化

技术小能手 2018-02-08 16:26:20 浏览6596
展开阅读全文

8a3f9d6186b146914bd3c1afc2f3dddb9e36d96c

渠宏伟 企鹅电竞前端团队Leader

H5页面存在的问题

H5页面对比终端的不足,第一,加载慢;第二,交互差。

0a9e60ccf1970b5eb91a2617ac8b9be6d65be451

加载耗时比较长,因为它受限于Webview,Webview在Android上启动就比较慢,另外页面资源加载慢。我们很多业务页面都是用H5做的,长列表滚动和侧滑操作存在明显的卡顿,经过持续优化也很难和原生界面媲美。

H5极速加载方案 ——VasSonic

加载慢的问题,我们实现了H5极速加载方案 —— VasSonic,加载速度实现秒开,在手机QQ上广泛应用。

  • WebView和页面并行加载
  • 资源离线预推
  • 页面局部刷新
  • 动态缓存
4e2a734651bf1db89274c608990478bf3a10e5ff

H5页面首屏实现秒开 (https://github.com/Tencent/VasSonic)

Weex实践和收益

为什么选择Weex

  • 企鹅电竞正在快速发展中,我们需要一套兼顾性能与动态性的技术方案来支撑企鹅电竞产品日益丰






















网友评论

登录后评论
0/500
评论
技术小能手
+ 关注
所属云栖号: 淘系技术