codecamp

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

合理使用自定义组件

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

如何合理使用自定义组件

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

优化实例

在开发者工具中打开

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

自定义组件优化前

自定义组件优化后

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

使用高性能的 view 和 text 组件

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

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

百度智能小程序 提前请求主数据
百度智能小程序 性能优化还有什么
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

百度智能小程序开发文档

百度智能小程序 组件

百度智能小程序 地图

百度智能小程序 画布

百度智能小程序 API

百度智能小程序 界面

百度智能小程序 关注小程序引导组件

百度智能小程序 自定义组件

百度智能小程序 媒体

百度智能小程序 设备

百度智能小程序 拨打电话

百度智能小程序 内存警报

百度智能小程序 手机联系人

百度智能小程序 用户截屏事件

百度智能小程序 第三方平台

百度智能小程序 开放接口

百度智能小程序 百度收银支付

百度智能小程序 分包预下载

百度智能小程序 数据分析

百度智能小程序 服务端

百度智能小程序 云开发

百度智能小程序 初始化

百度智能小程序 云函数

百度智能小程序 服务端初始化

百度智能小程序 服务器获取上下文

百度智能小程序 服务端云函数

百度智能小程序 开发教程

百度智能小程序 功能开发

百度智能小程序 基本原理

百度智能小程序 小程序自动化

百度智能小程序 视频教程

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }