智能小程序新增Page.onInit功能，有效提升性能

百度智能小程序技术团队

于 2020-05-26 18:45:39 发布

阅读量4.5k

点赞数

本文链接：https://blog.youkuaiyun.com/Smartprogram/article/details/106362613

版权

通过引入Page.onInit生命周期，百度智能小程序显著提升页面加载速度。以百度知道为例，页面渲染时间缩短了210ms。Page.onInit在数据请求方面优于Page.onLoad，有助于改善用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

为进一步帮助您提升小程序性能，缩短小程序页面渲染时间，智能小程序上线了一个新的生命周期 Page.onInit，您可在3.160.12 及以上的基础库版本中使用。

以百度知道小程序为例，使用 Page.onInit 进行优化后，上屏时长约提升了 210ms。

在这里插入图片描述

以下是百度知道、百度百科和宝宝知道使用Page.onInit后的收益：

Page.onInit 是百度智能小程序提供一种页面级别的生命周期。该生命周期函数执行时机远早于页面中的其他生命周期。

如果您在Page.onInit中去发起网络请求，会提前获取页面数据。因此会缩短页面的渲染时间，极大提升小程序的用户体验。

如果您对小程序启动原理感兴趣，可参考下图小程序的启动流程，Page.onInit是在收集initData发送setInitData后立即执行。由此可见，页面主数据的请求放在 onInit 中，将快于页面的其他生命周期。
在这里插入图片描述

如果您想了解Page.onInit的细节原理，可参考下图，小程序是在 setInitData 之后立即执行Page.onInit。

在这里插入图片描述

如果把主数据请求从 Page.onLoad 转移到 Page.onInit 中，将极大提升小程序的页面加载性能。

开发者可以在onInit中向服务器请求数据，并执行setData。图中展示了setData的两种时机，同时应注意：

关于Page.onInit的接口文档和使用说明，请阅读官方文档onInit(Object query)。

此处列举一些onInit的使用限制和建议：

不能进行任何依赖视图层的操作，包括且不限于：selectComponent、selectAllComponents、swan.createSelectorQuery、swan.createMapContext、swan.createCameraContext、swan.createCanvasContext等；
由于并非所有版本的基础库都支持此生命周期，开发者可以参考官方文档中的代码片段，增加兼容逻辑；
如果您的小程序在逻辑线程初始化阶段存在较大瓶颈，那么使用Page.onInit可能不会有明显效果。建议从减少动态库和插件的使用、减少App.onLaunch耗时等角度进行优化。