开发
API

小程序运行流程

在优化小程序之前,先介绍下小程序的运行原理及启动过程。小程序的运行环境分成渲染层和逻辑层,其中 TTML 模板和 TTSS 样式工作在渲染层,JS 脚本工作在逻辑层。小程序的渲染层和逻辑层分别由 2 个线程管理:

  • 渲染层的界面使用了 WebView 进行渲染
  • 逻辑层采用 JSC 线程运行 JS 脚本

一个小程序存在多个界面,所以渲染层存在多个 WebView 线程,这两个线程的通信会经由客户端做中转,逻辑层发送网络请求也经由 Native 转发,两个线程间的通信是异步的,这意味着当我们调用 setData 更新数据时,不会立即渲染,而是需要从 JSC 异步传输到 WebView。小程序的通信模型下图所示:

下图展示了用户从入口点击到首屏渲染的全流程:

基于运行流程图,我们可以针对启动流程、运行流程进行相对应优化

点击纠错
该文档是否对你的开发有所帮助?
有帮助
没帮助
该文档是否对你的开发有所帮助?
有帮助
没帮助