微信小程序API 性能·获取相关信息
对于使用微信小程序来推广企业的人士而言,了解小程序性能指标是必不可少的。在进行小程序开发和优化时,我们需要全方位地了解小程序的性能,在系统资源、页面渲染、脚本执行等各个方面进行评估。
1. wx.getPerformance()
基础库 2.11.0 开始支持,低版本需做兼容处理。
wx.getPerformance()函数可以获取小程序性能相关的信息。目前小程序支持获取以下几类性能指标:
类别 | 名称 (entryType) | 指标 |
---|---|---|
路由 | navigation | route, appLaunch |
渲染 | render | firstRender |
脚本 | script | evaluateScript |
其中,route表示路由性能,appLaunch表示小程序启动耗时,firstRender表示页面首次渲染耗时,evaluateScript表示注入脚本耗时。
2. 获取路由性能信息
我们可以通过wx.getPerformance()函数获取小程序的路由性能信息。使用下面的代码:
const performance = wx.getPerformance()
const observer = performance.createObserver((entryList) => {
console.log(entryList.getEntries())
})
observer.observe({ entryTypes: ['navigation'] })
这段代码将创建一个观察者对象并启动观察,以获取小程序的路由性能指标。结果会被输出到控制台。
3. 获取页面渲染耗时
通过使用wx.getPerformance()函数和下面的代码可以获取小程序页面的首次渲染耗时:
const performance = wx.getPerformance()
const observer = performance.createObserver((entryList) => {
console.log(entryList.getEntries())
})
observer.observe({ entryTypes: ['render'] })
这段代码将创建一个观察者对象并启动观察,以获取小程序页面的首次渲染耗时指标。结果同样会被输出到控制台。
4. 获取脚本执行耗时
对于小程序中的脚本性能指标,我们可以通过下面的代码获取注入脚本的耗时。
const performance = wx.getPerformance()
const observer = performance.createObserver((entryList) => {
console.log(entryList.getEntries())
})
observer.observe({ entryTypes: ['script'] })
这段代码同样创建一个观察者对象并启动观察,以获取小程序中脚本注入的耗时指标,并输出结果到控制台。
以上就是通过微信小程序API获取性能相关信息的方法,不同指标的获取可以通过wx.getPerformance()函数和createObserver()方法实现。当我们了解小程序各个方面的性能表现后,便可以有针对性地进行优化和提升小程序性能。-
B2B2C多用户商城系统支持企业自营与商户入驻模式共存 会员一站式精细化营销工具 多用户分销,带来爆发式增长
系统支持平台自营+供应商店铺共存的经营模式(类天猫&京东模式),帮助企业打造生态级商业平台为目的的电子商务系统。
免费试用系统 -
B2B2B电商交易系统优化供应链协作 授信及账期支付 商品按照数量阶梯设价
全渠道订货/采购及经销商管理数字化系统,实现供应链整合和交易便捷化。
免费试用系统 -
S2B2B电商交易系统供销一体化,提高市场集中度 集团管控一体化,有效实现供需匹配 移动应用一体化,提高运营综合效率
上下游资源整合数字化解决方案,赋能产业供应链,构建产业互联网生态体系。
免费试用系统
