微信小程序API 性能·獲取相關(guān)信息

通過微信小程序API獲取性能相關(guān)信息

對于使用微信小程序來推廣企業(yè)的人士而言，了解小程序性能指標(biāo)是必不可少的。在進(jìn)行小程序開發(fā)和優(yōu)化時(shí)，我們需要全方位地了解小程序的性能，在系統(tǒng)資源、頁面渲染、腳本執(zhí)行等各個(gè)方面進(jìn)行評估。

1. wx.getPerformance()

基礎(chǔ)庫 2.11.0 開始支持，低版本需做兼容處理。

wx.getPerformance()函數(shù)可以獲取小程序性能相關(guān)的信息。目前小程序支持獲取以下幾類性能指標(biāo)：

類別	名稱 (entryType)	指標(biāo)
路由	navigation	route, appLaunch
渲染	render	firstRender
腳本	script	evaluateScript

其中，route表示路由性能，appLaunch表示小程序啟動耗時(shí)，firstRender表示頁面首次渲染耗時(shí)，evaluateScript表示注入腳本耗時(shí)。

2. 獲取路由性能信息

我們可以通過wx.getPerformance()函數(shù)獲取小程序的路由性能信息。使用下面的代碼：

const performance = wx.getPerformance()
const observer = performance.createObserver((entryList) => {
  console.log(entryList.getEntries())
})
observer.observe({ entryTypes: ['navigation'] })

這段代碼將創(chuàng)建一個(gè)觀察者對象并啟動觀察，以獲取小程序的路由性能指標(biāo)。結(jié)果會被輸出到控制臺。

3. 獲取頁面渲染耗時(shí)

通過使用wx.getPerformance()函數(shù)和下面的代碼可以獲取小程序頁面的首次渲染耗時(shí)：

const performance = wx.getPerformance()
const observer = performance.createObserver((entryList) => {
  console.log(entryList.getEntries())
})
observer.observe({ entryTypes: ['render'] })

這段代碼將創(chuàng)建一個(gè)觀察者對象并啟動觀察，以獲取小程序頁面的首次渲染耗時(shí)指標(biāo)。結(jié)果同樣會被輸出到控制臺。

4. 獲取腳本執(zhí)行耗時(shí)

對于小程序中的腳本性能指標(biāo)，我們可以通過下面的代碼獲取注入腳本的耗時(shí)。

const performance = wx.getPerformance()
const observer = performance.createObserver((entryList) => {
  console.log(entryList.getEntries())
})
observer.observe({ entryTypes: ['script'] })

這段代碼同樣創(chuàng)建一個(gè)觀察者對象并啟動觀察，以獲取小程序中腳本注入的耗時(shí)指標(biāo)，并輸出結(jié)果到控制臺。

以上就是通過微信小程序API獲取性能相關(guān)信息的方法，不同指標(biāo)的獲取可以通過wx.getPerformance()函數(shù)和createObserver()方法實(shí)現(xiàn)。當(dāng)我們了解小程序各個(gè)方面的性能表現(xiàn)后，便可以有針對性地進(jìn)行優(yōu)化和提升小程序性能。

<本文由himall原創(chuàng)，商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請標(biāo)明：himall原創(chuàng)>