百度智能小程序 如何优化渲染层速度

2020-09-05 15:04 更新

合理使用自定义组件

开发者可以将页面内的功能模块抽象成自定义组件,在智能小程序的各个页面中进行使用,提升代码复用度,节省开发成本。具体可参考自定义组件使用方法。开发者在使用过程中应注意合理、规范的使用自定义组件。

如何合理使用自定义组件

usingComponents中只注册使用的自定义组件:由于框架会根据usingComponents初始化相应的自定义组件,因此不要在usingComponents中注册尚未使用的自定义组件。

优化实例

在开发者工具中打开

以下是优化前后的效果对比:

自定义组件优化前

自定义组件优化后

以上是在极端测试条件下的结果,在实际使用中效果可能相对不明显。

使用高性能的 view 和 text 组件

框架默认使用高性能的view和text组件,但开发者在组件上使用一些特定属性和任一事件时,会退化为低性能组件。

会导致组件退化的属性和事件有如下内容,开发者需对以下属性和事件谨慎使用:

以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号