分析前端页面的执行过程,分析性能瓶颈点和优化方式。
对于hybrid应用来说,启动一个应用,打开页面有如下一些基本的步骤:
过程分析
Native 启动初始化
- 接收打开请求
- 创建native view
- 创建webview
- 初始化webview
webview 解析加载
- 开始加载html
- 加载CSS
JS 业务逻辑执行
- 加载执行JS框架
- 加载执行JS业务逻辑
- 视图更新完成,可以开始交互
新的hybrid交互技术中,可以不必等待js-native bridge ready。
串行过程拆分
加速这个过程,最好能够把串行的过程并行化,这样能够最快的呈现页面。
拆分Native 过程和web过程
- native view 初始化
- webview的创建初始化(或者预加载,webview初始化需要时间)
- web 网络请求(如果采取了离线包方案,则可以不考虑网络请求)
- JS执行(js的预编译等技术,JSCore中执行类微信小程序框架)