Hybrid 首屏性能分析与优化

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

对于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中执行类微信小程序框架）

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容