微信小程序的启动流程

小程序运行的三种环境

1、ios端，Mac微信端
2、Android端、PC微信端
3、微信开发者模拟器端

第一步环境准备

1、小程序运行进程以及运行环境的准备
2、代码包下载、校验以及初始化
3、视图层系统组件、WebView容器和原生组件的初始化
4、逻辑层JS引擎初始化及域创建

第二步，代码注入

1、框架及第三方代码初始化
2、开发者代码注入（app.onLauch）

第三步，首屏渲染

1、逻辑图层页面初始化，这个时间点是initDataSendTime,会有Page.onLoad事件派发
2、视图层时间点走到viewLayerReaderStartTime,会有Page.onShow事件派发
3、开发者代码从后端拉取数据，准备data数据（非必须)
4、页面渲染
5、视图层时间走到viewLayerReaderEndTime,会有Page.onReady事件派发标志首屏渲染完成

启动方式：冷启动、热启动

冷启动：冷启动：小程序第一次在设备上打开或销毁后打开，这样的启动叫冷启动。以上的环境准备都是冷启动所需步骤；
优化一般指小程序冷启动的优化或者是第一次渲染时候的优化；

App周期函数：

onLaunch:生命周期回调–监听小程序初始化
onShow：生命周期回调监听小程序启动或切前台
onHide:生命周期回调–监听小程序切后台

Page周期函数：

onLoad:生命周期回调–监听页面加载
onShow:生命周期回调–监听页面显示
onReady:生命周期回调–监听页面初次渲染完成
onHide:生命周期回调–监听页面隐藏
onUnload:生命周期回调–监听页面卸载

启动中可以优化的节点

1、环境准备阶段，拉取小程序基本信息阶段
2、紧跟小程序基础库更新
3、代码注入阶段
4、合适的生命周期函数节点
5、Page.onReady事件派发、首屏渲染完成阶段
6、数据预拉取和周期更新性更新机制
7、低端机首次渲染需要较长时间渲染

视频链接官方课程