美文网首页
Hybrid 首屏性能分析与优化

Hybrid 首屏性能分析与优化

作者: 半ma | 来源:发表于2018-03-28 13:43 被阅读136次

分析前端页面的执行过程,分析性能瓶颈点和优化方式。

对于hybrid应用来说,启动一个应用,打开页面有如下一些基本的步骤:

过程分析

Native 启动初始化

  1. 接收打开请求
  2. 创建native view
  3. 创建webview
  4. 初始化webview

webview 解析加载

  1. 开始加载html
  2. 加载CSS

JS 业务逻辑执行

  1. 加载执行JS框架
  2. 加载执行JS业务逻辑
  3. 视图更新完成,可以开始交互

新的hybrid交互技术中,可以不必等待js-native bridge ready。

串行过程拆分

加速这个过程,最好能够把串行的过程并行化,这样能够最快的呈现页面。

拆分Native 过程和web过程

  1. native view 初始化
  2. webview的创建初始化(或者预加载,webview初始化需要时间)
  3. web 网络请求(如果采取了离线包方案,则可以不考虑网络请求)
  4. JS执行(js的预编译等技术,JSCore中执行类微信小程序框架)

相关文章

网友评论

      本文标题:Hybrid 首屏性能分析与优化

      本文链接:https://www.haomeiwen.com/subject/pqvycftx.html