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

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

更多内容视图开发人员社区:

https://smartprogram.baidu.com/forum/topic/show/115695?fr=今日头条

更多招聘信息

:https://talent.baidu.com/external/baidu/index.html#

/社交/2/智能小程序研发

以百度知道小程序为例。使用Page.onInit优化后,屏幕时间增加了210ms左右。

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

以下是百度知道、百度百科、宝宝知道使用Page.onInit后的好处:

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

Page.onInit是百度智能小程序提供的页面级生命周期。生命周期功能的执行比页面中的其他生命周期要早得多。

如果在Page.onInit中进行网络请求,会提前获取页面数据。所以页面的渲染时间会缩短,小程序的用户体验会大大提升。

如果对小程序的启动原理感兴趣,可以参考下图所示的小程序启动流程。Page.onInit在收集initData并发送setInitData后立即执行。可以看出onInit中页面主数据的请求会比页面的其他生命周期更快。

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

如果想了解Page.onInit的详细原理,可以参考下图。applet在设置setInitData后立即执行Page.onInit。

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

如果将主数据请求从Page.onLoad转移到Page.onInit,小程序的页面加载性能会有很大的提升。

开发人员可以在onInit中向服务器请求数据,并执行setData。该图显示了setData的两个机会,应该注意的是:

如果发送setData的时机早于渲染线程的FCP,则可以在onLoad中获取该setData的视图信息。如果setData晚于FCP,那么onLoad将不会获得该setData的视图信息。Page.onInit的接口文档和说明见官方文档onInit(对象查询)

下面是一些关于onInit使用的限制和建议:

不能执行任何依赖于视图层的操作,包括但不限于:selectComponent、selectAllComponents、swan.createSelectorQuery、swan.createMapContext、swan.createCameraContext、swan.createCanvasContext等。由于不是所有版本的basic库都支持这种生命周期,开发人员可以参考官方文档中的代码片段来添加兼容性逻辑。如果你的小程序在逻辑线程初始化阶段瓶颈比较大,使用Page.onInit可能效果不明显。建议从减少动态库和插件的使用,减少App.onLaunch的耗时等角度进行优化,有两种方式供你验证Page.onInit的相关功能:

真机验证:使用百度11.20版本及以上。开发者工具:需要安装3.8.0或以上稳定版或rc版开发者工具,并将基础库版本设置为3.160.12或以上,下载地址。

内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/180473.html

(0)

相关推荐

  • 网站的优化升级操作内容?如何提高网站排名?

    网站优化升级操作内容?如何提高网站的排名?网站开发制作和网站优化会有不同的侧重点。在网站的开发中,更多要关注的是展示和使用的问题,而网站优化则是帮助网站更好的升级。 对网站进行优化...

    攻略 2022年3月13日
  • 小程序一上线,成本狂降50%,金主追着优化师加预算?

    最近和几个优化师聊天,说到百度小程序,有的人成本骤降50%,有的人还在迷茫。导演伤心欲绝,连夜把产品秘籍赶了出来,希望在小程序流量红利期,能帮你金主分一杯羹! 1.什么是百度智能小...

    2022年3月13日
  • 网站筛选功能页面不收录,还有优化的必要么?

    网站信息过滤功能页是网站因为页面太多,数据太大,为了方便用户浏览和查询所需信息,而制作的条件较多的功能页。目的是让用户通过筛选条件快速找到想要的内容。 ? https://www....

    攻略 2022年3月13日
  • 要做微信公众号的seo排名,关键词怎么挖掘整理

    关注葛军,学习小程序推广、微信官方账号粉推广、网站推广的技巧。 前面说过,微信官方账号的名字很重要,所以在注册之前要规划好微信官方账号的名字,以及如何介绍这个微信官方账号。 确定以...

    攻略 2022年3月13日
  • 百度官方给出解答

    近日,边肖了解到,百度搜索平台近期向站长圈部分站长征集了SEO、建站、搜索合作的经验。其中一位站长分享了2022年SEO的新方向,为站长们今年优化网站提供了新思路,非常值得参考: ...

    2022年3月13日
  • 月活用户2.9亿,百度智能小程序打造商业新引擎

    11月7日,百度智能小程序举办主题为“新移动、新连接、新生态”的沙龙活动。百度表示,智能小程序将从连接、客户情况、转化三个维度,帮助合作伙伴提升商业变现能力,升级新移动时代的商业能...

    2022年3月13日