基調(diào)聽云小程序使用手冊

NJA.O0

版屏

刖百

廣品版本

與本手冊相對應(yīng)的產(chǎn)品版本如下所示。

產(chǎn)品名稱產(chǎn)品版本手冊版本

基調(diào)聽云小程序VV1.00

內(nèi)容介紹

章節(jié)主要內(nèi)容

第1章產(chǎn)品概述

第2章指標(biāo)說明

第3章新手入門

第4章功能描述

修改記錄

修訂記錄累積了每次手冊更新的說明。最新版本的文檔包含以前所有版本的更新內(nèi)容。

版本V1.00(2023-02-01)

隨著基調(diào)聽云小程序V的發(fā)布,本手冊首次發(fā)布。

目錄

1.產(chǎn)品概述1

1.1.引言1

1.2.基調(diào)聽云小木琳簡介1

1.3.產(chǎn)品價(jià)值與典型應(yīng)用場景1

2.指標(biāo)說明3

3.新手入門6

4.功能描述9

4.1.應(yīng)用概覽9

4.1.1.應(yīng)用歹U表頁9

.小木辨狀態(tài)9

.列表9

.打開次數(shù)9

4.1.2./」洋附應(yīng)用概覽詳情10

,應(yīng)用性能指標(biāo)趨勢圖10

.TOP5關(guān)鍵頁面12

.TOP5關(guān)鍵網(wǎng)絡(luò)請求13

.TOP5頁面13

.TOP5請求14

.TOP5地域運(yùn)營商14

4.2.頁面分析15

4.2.1.頁面歹U表17

4.2.2.頁面分析詳情17

4.2.2.1,頁面性能趨17

4.2.2.2.頁面網(wǎng)絡(luò)請求趨勢圖18

4.2.2.3.卡頓分析19

4.224.耗時(shí)分布21

.地域運(yùn)營商22

.JS錯(cuò)誤率趨勢23

.慢頁面占比24

422.8.頁面跳出率趨勢圖24

4.2.29異常追蹤25

4.3.setData分析29

4.4.網(wǎng)絡(luò)請求分析32

4.4.1.網(wǎng)絡(luò)請求列表33

4.4.2.網(wǎng)絡(luò)請求分析詳情33

4.4.2.1.網(wǎng)絡(luò)請求趨勢圖33

4422彳專輸數(shù)據(jù)量33

,請求鐲吳率34

4.4.2.4.請求數(shù)據(jù)可用性趨勢34

.調(diào)用頁面統(tǒng)計(jì)34

.慢請求歹I」表35

4.4.27.窗吳請求列表35.

4.5.地域運(yùn)營商分析35

4.5.1.尉示趨勢圖36

4.5.2.地域歹I」表36

4.5.3.T0P5運(yùn)營商指標(biāo)趨勢37

4.5.4.異常追蹤37

4.6.JS錯(cuò)誤分析38

461.JS錯(cuò)誤文件歹IJ表38

4.6.2.JS錯(cuò)誤文件詳情38

4.621.T0P5錯(cuò)誤類型堆疊圖38

.T0P5JS錯(cuò)誤微信版本堆疊圖39

4623JS錯(cuò)誤類型類別39

.JS錯(cuò)誤追蹤39

4.7.路徑分析40

4.7.1.制定起始渠道分析40

4.7.2.起始頁面分析42

4.7.3.結(jié)束頁面分析43

4.7.4.關(guān)鍵路徑分析44

4.8.微信接口分析45

4.8.1.背景45

4.8.2.支血況說明45

482.1.默認(rèn)監(jiān)控接口45

4.8.2.2.自定義監(jiān)控接口46

4.8.3.中箭而兌明46

4.8.4.報(bào)表說明46

.接口列表46

.接口詳情47

4.9.操作分析48

4.9.1.操作分析概述48

4.9.2.操作定義48

4.9.3.操作識別原理和識別場景48

4.9.4.操彳乍分析功能界面介紹49

.操作歹I）表49

.操作分布羊情49

.操作追蹤詳情51

4.10.應(yīng)用設(shè)置53

4.10.1.基本設(shè)置53

4.102閾值設(shè)置54

4.10.3.評分設(shè)置54

4.11.借助SourceMap還原JS鐲吳真實(shí)代碼行55

4.11.1.什么是SourceMap55

4.11.2.安裝56

.npm安裝56

.其他npm安裝56

.手動(dòng)下載可執(zhí)行文彳牛57

4.11.3.使用57

4.11.4.CLI命令58

1.產(chǎn)品概述

1.1.引言

2018年，小程序在經(jīng)過不間斷的迭代、完善后迎來巨大發(fā)展契機(jī)。從微信小程序到百度小程序

到支付寶小程序再到今日頭條小程序，互聯(lián)網(wǎng)巨頭相繼布局小程序，打造其小程序發(fā)展生態(tài)

圈。艾媒咨詢數(shù)據(jù)顯示，2018年小程序用戶將迅速增長，用戶規(guī)模預(yù)計(jì)超4億人。在移動(dòng)互聯(lián)

網(wǎng)持續(xù)發(fā)展的浪潮中，44呈序?qū)l(fā)揮長尾效應(yīng),取得長足發(fā)展。

對于程序開發(fā)者而言，用戶從掃碼到進(jìn)入/」'程序環(huán)節(jié)，微信會(huì)完成小程序基本信息獲取、資

源準(zhǔn)備（代碼下載或更新）等準(zhǔn)備事項(xiàng)，如果準(zhǔn)備失敗或等待時(shí)間過長，就會(huì)導(dǎo)致用戶離開,

這部分由微信控制的環(huán)節(jié)，微信也提供這部分的性能監(jiān)控。但當(dāng)用戶在進(jìn)入小程序到打開各個(gè)

頁面瀏覽支付等環(huán)節(jié)，頁面會(huì)進(jìn)行渲染、數(shù)據(jù)請求等，如果渲染時(shí)間長、數(shù)據(jù)請求時(shí)間長也容

易導(dǎo)致用戶離開，同樣，如果數(shù)據(jù)請求失敗也會(huì)造成用戶使用過程的終止,這部分微信并未很

好提供性能監(jiān)控和優(yōu)化幫助，故需要開發(fā)者自行研發(fā)或第三方公司提供服務(wù)。

1.2.基調(diào)聽云小程序簡介

基調(diào)聽云小程序?qū)Ｗ⑿〕绦虻男阅鼙O(jiān)控與優(yōu)化，實(shí)時(shí)監(jiān)控發(fā)現(xiàn)/」\程序的網(wǎng)絡(luò)請求錯(cuò)誤、JS錯(cuò)

誤、頁面延時(shí)等造成小程序用戶體驗(yàn)不好的性能問題，并指導(dǎo)快速定位問題。

目前已支持微信小程序、百度小程序。

1.3.產(chǎn)品價(jià)值與典型應(yīng)用場景

?幫您快速構(gòu)建完善的小程序監(jiān)控與報(bào)警體系

角色：運(yùn)維

基于影響小程序性能的關(guān)鍵指標(biāo)和行業(yè)標(biāo)準(zhǔn)，幫您快速構(gòu)建完善的小程序監(jiān)控和報(bào)警體

系。

?優(yōu)化您的小程序業(yè)務(wù)流程

角色：市場、運(yùn)營、業(yè)務(wù)人員

可視化分析小程序流量流向與性能關(guān)聯(lián)關(guān)系，幫助業(yè)務(wù)人員了解用戶從哪里來，去了哪個(gè)

頁面，在哪個(gè)頁面離開，哪個(gè)頁面存在性能瓶頸導(dǎo)致退出率高，建立一套完整的用戶路

徑分析體系，用戶來源渠道分析，用戶轉(zhuǎn)化分析、性能分析，實(shí)現(xiàn)全方面的優(yōu)化業(yè)務(wù)流

程。

?改善您的客戶體驗(yàn)

角色：產(chǎn)品、運(yùn)營、業(yè)務(wù)人員

無埋點(diǎn)獲取真實(shí)用戶的操作數(shù)據(jù)，自定義操作漏斗，幫助客戶設(shè)計(jì)更友好更高效的用戶

操作體驗(yàn)。

?提升您的小程序性能

角色：前端開發(fā)、后端開發(fā)、運(yùn)維

深入掌握用戶性能問題，實(shí)時(shí)了解用戶在什么時(shí)候，以及為什么會(huì)出現(xiàn)問題，并且可快

速定位網(wǎng)絡(luò)問題，JS錯(cuò)誤、請求錯(cuò)誤、接口錯(cuò)誤、卡頓等問題根源。

2.指標(biāo)說明

指標(biāo)名稱指標(biāo)定義

UV（獨(dú)立訪客）訪問小程序頁面的總用戶數(shù)，同一用戶多次訪問不重復(fù)計(jì)

打開次數(shù)打開小程序總次數(shù)。用戶從打開小程序到主動(dòng)關(guān)閉或超時(shí)退出

小程序的過程，計(jì)為一次。

PV訪問小程序頁面的總次數(shù).多個(gè)頁面之間跳轉(zhuǎn)、同一頁面的重

復(fù)訪問計(jì)為多次訪問。

跳出率當(dāng)前頁面離開程序的PV數(shù)/當(dāng)前頁面的總PV*100%

JS錯(cuò)誤率（發(fā)生JS錯(cuò)誤頁面PV/總PV）*100%

onReady生命周期函數(shù)?一監(jiān)聽頁面首次渲染完成

首次響應(yīng)頁面開啟到首個(gè)網(wǎng)絡(luò)請求完成時(shí)間

加載耗時(shí)頁面在沒有下一步用戶操作或定時(shí)任務(wù)情況下，請求渲染完成

時(shí)間，計(jì)算onLoad到onReady生命周期執(zhí)行完成的時(shí)間段內(nèi)，

所有setData以及請求發(fā)送之后setData的最長渲染回調(diào)時(shí)

間，計(jì)算方法為onReady回調(diào)結(jié)束之前最晚setData渲染回調(diào)

時(shí)間以及onReady回調(diào)結(jié)束之前發(fā)送的請求回調(diào)中最晚觸發(fā)

的setData渲染回調(diào)時(shí)間的最大值?onLoad觸發(fā)時(shí)間

請求耗時(shí)請求發(fā)起到請求響應(yīng)結(jié)束的時(shí)間；計(jì)算規(guī)則:返回時(shí)間點(diǎn)-發(fā)起

時(shí)間點(diǎn)

服務(wù)端耗時(shí)應(yīng)用服務(wù)器處理請求所消耗的時(shí)間，即應(yīng)用響應(yīng)時(shí)間，等于請

求到達(dá)應(yīng)用服務(wù)器到應(yīng)用代碼執(zhí)行完成并輸出響應(yīng)信息的時(shí)

間。

請求錯(cuò)誤率（網(wǎng)絡(luò)請求錯(cuò)誤次數(shù)/網(wǎng)絡(luò)請求次數(shù)）*100%

傳輸數(shù)據(jù)量平均每次網(wǎng)絡(luò)請求的數(shù)據(jù)傳輸量（上傳+下載字節(jié)數(shù)）

回調(diào)時(shí)間回調(diào)時(shí)間是指當(dāng)數(shù)據(jù)從服務(wù)器傳到客戶端之后，本地代碼調(diào)用

這些數(shù)據(jù)做相應(yīng)的處理，可以理解為本地執(zhí)行時(shí)間

網(wǎng)絡(luò)耗時(shí)網(wǎng)絡(luò)請求發(fā)出請求到服務(wù)端收到請求的時(shí)間

接口調(diào)用數(shù)接口被調(diào)用的次數(shù)

接口調(diào)用成功（接口調(diào)用成功次數(shù)/接匚調(diào)用總次數(shù)）*100%

率

接口影響用戶用戶從打開小程序到主動(dòng)關(guān)閉或超時(shí)退出小程序的過程中調(diào)用

數(shù)該接口失敗過至少超過一次的用戶數(shù)。

接口失敗用戶用戶從打開小程序到主動(dòng)關(guān)閉或超時(shí)退出小程序的過程中調(diào)用

數(shù)該接口未成功過的用戶數(shù)，一次或多次嘗試都失敗，到離開時(shí)

也未成功。

操作次數(shù)指定的操作被請求的次數(shù)。計(jì)算規(guī)則：操作被請求一次，記錄

1次

操作時(shí)間指定的操作中所有請求完成的時(shí)間。計(jì)算規(guī)則：操作為Ajax請

求時(shí)，操作對應(yīng)的多個(gè)Ajax的最后一-條ajax的結(jié)束時(shí)間■操

作點(diǎn)擊開始時(shí)間。

操作可用性成功操作次數(shù)占總操作次數(shù)的比例。計(jì)算公式：操作可用性;

（成功操作次數(shù)/總操作次數(shù)）*100%

操作請求耗時(shí)指定的操作中的純請求耗時(shí)，不包含操作時(shí)間中的等待執(zhí)行的

空白時(shí)間。

服務(wù)端平均耗頁面內(nèi)或操作內(nèi)的多個(gè)請求的服務(wù)端平均耗時(shí)

時(shí)

請求平均耗時(shí)頁面內(nèi)或操作內(nèi)的多個(gè)請求的平均耗時(shí)

失敗操作操作內(nèi)的任意一條請求發(fā)成錯(cuò)誤，本次操作即計(jì)為失敗。

（請求錯(cuò)誤可在應(yīng)用設(shè)置中，設(shè)置網(wǎng)絡(luò)錯(cuò)誤狀態(tài)碼過濾，過

濾掉非網(wǎng)絡(luò)錯(cuò)誤的統(tǒng)計(jì)；此外也可以錯(cuò)誤!未找到引用源。）。

體驗(yàn)評分衡量小程序整體體驗(yàn)的評分，基于JS錯(cuò)誤率、請求錯(cuò)誤率、請

求耗時(shí)、加載耗時(shí)、onready＞卡頓率、操作可用性等7項(xiàng)綜

合評分；各項(xiàng)評分滿分為100分；評分二JS錯(cuò)誤率評分權(quán)重

unready濟(jì)分權(quán)重+加載耗時(shí)評分農(nóng)普清求摘好泮分權(quán)重+請

求錯(cuò)誤率評分權(quán)蜀夫顏率權(quán)重+操作可用性*權(quán)重；耗時(shí)的指

標(biāo)值取得是分位值可自定義。

setData耗時(shí)setData從調(diào)用到渲染完成回調(diào)觸發(fā)的時(shí)間差（setData的數(shù)

據(jù)在JSON.stringify后不超過256KB）

setData頻率每秒鐘觸發(fā)setdata的次數(shù)。（微信官方建議每秒調(diào)用setData

的次數(shù)不超過20次）

卡頓率超過setData耗時(shí)閾值的頁面PV/貝曲總PV*100%（setData

是小程序開發(fā)中使用最頻繁的接口，也是最容易引發(fā)性能問題

的接口，而setData數(shù)據(jù)量和頻率是導(dǎo)致頁面卡頓最多的一種

情況，我們這里監(jiān)控的卡頓只有setData耗時(shí)長導(dǎo)致的卡

頓。）

跳出率該頁面作為退出頁的訪問次數(shù)占比，即退出頁次數(shù)/訪問次

數(shù)。

異常跳出率當(dāng)頁面出現(xiàn)該出現(xiàn)異常（含JS錯(cuò)誤、請求錯(cuò)誤、加載耗時(shí)慢、

卡頓等情況）并且作為退出頁的訪問次數(shù)占比，即異常退出頁

次數(shù)/訪問次數(shù)。

請求頻率每秒通過wx.request發(fā)起的請求數(shù)。（微信官方建議每秒通

過wx.request發(fā)起的請求數(shù)不超過10個(gè)）

頁面在線時(shí)長用戶平均每次訪問該頁面的停留時(shí)長，即該頁面的總停留時(shí)長

/訪問次數(shù)

頁面異常率頁面異常PV/頁面總PV&100%,頁面出現(xiàn)慢加載耗時(shí)，網(wǎng)絡(luò)錯(cuò)

誤,js錯(cuò)誤，卡頓4條有其中之一的都認(rèn)為是異常頁面。

3.新手入門

基調(diào)聽云小程序監(jiān)控需要在44呈序包中嵌入基調(diào)聽云JS探針，才可實(shí)現(xiàn)小程序性能監(jiān)控，具體

使用步驟如下。

1.新建應(yīng)用名稱。

在小程序概覽點(diǎn)擊添加應(yīng)用，彈窗新建應(yīng)用頁面，輸入小程序名稱，保存，小程序名稱不

可重復(fù)。

小程序名稱GE)

2.下載探針。

點(diǎn)擊下載探針，下載JS探針后，請直接將JS探針放置在小程序程序根目錄（若放到其他

目錄下，后面的代碼探針地址務(wù)必同步更改）。

小程序名稱

tess

因

8ND8iYAGr4

EXJS^H

3.配置代碼。

復(fù)制代碼后，將代瑪粘貼在小程序app.js第一行，如下圖所示：

constoonitor?require(*./agent/tingyun-iBp-agent.js*);

■onitor.confic((

beacon:ahttps://bedconalpha2.tinfyun.coo*,

key:,8ND8iY-A6r4\

,,

id:yOgQY-UHa8Q,

saapleRate:1復(fù)制代碼

?

SH對麗將代碼翻貼在小碗邛nr?—fr.版下圖斯示?（元故箕*R0下日的陽蛔拓史殘）.

〃app.”

constBonltor-require(*./agent/tingyun-op.agent.jsa);

monitor.config({

beacon:?h<￡ps://be3con?>lngyun,cotr.

key:?”5820儂，

id:OPo-yeLCVcS,

))

App((

ieoniaunch:function(){

?CDWIX//fta

JSWjt12wx.login({

C)aopjsonHsuccess:rts?>{

—aopvrxss

15?

WpTQ^ctconftgjwn16//R取用戶信息

17wx.cet$etting({

注意:

?探針若放到其他目錄下，后面的代碼探針地址務(wù)必同步更改。

?探針默認(rèn)開始插件監(jiān)控，但微信SDK版本2,6.4以下版本不支持，若需監(jiān)控，可自定

義配置實(shí)現(xiàn)，實(shí)現(xiàn)方式和對插件支持一樣，可查看支持文檔。

4.配置request合法域名。

復(fù)制域名地址后，在微信小程序后臺的開發(fā)設(shè)置，服務(wù)器域名，request合法域名中加入

基調(diào)聽云接受探針數(shù)據(jù)的服務(wù)器地址，如下圖：

微倍公眾平臺I/N呈序

配置完成，小程序發(fā)布后，即可在基調(diào)聽云程序控制臺看到實(shí)時(shí)性能數(shù)據(jù)。

4.功能描述

4.1.應(yīng)用概覽

4.1.1.應(yīng)用列表頁

展示當(dāng)前所選時(shí)間段全部〃\程序警報(bào)狀態(tài)和性能狀況、小程序列表、小程序打開次數(shù)。

4.1.1.1.小程序狀態(tài)

該模塊展示所有小程序的狀態(tài),包含觸發(fā)警報(bào)應(yīng)用、性能評分優(yōu)秀應(yīng)用（性能評分為o分）、

性能評分良好應(yīng)用（90＞性能評分260分）、性能評分極差應(yīng)用（性能評分＜60分），點(diǎn)擊可

篩選出對應(yīng)狀態(tài)的小程序。

4.1.1.2.小程序列表

展示/」濯序警報(bào)狀態(tài)、〃域序名稱、性能評分、用戶數(shù)、加載耗時(shí)、請求耗時(shí)、請求錯(cuò)誤率、

JS錯(cuò)誤率、操作可用性、卡頓率等指標(biāo)。每個(gè)指標(biāo)可以排序；

應(yīng)用列表

+季斌應(yīng)用

性分：用戶剪個(gè)）：MWW(rm)：*??(%)：4?供制外）

741117421107415.M100

4.1.1.3.打開次數(shù)

展示所有小程序的打開次數(shù)趨勢堆疊圖。

應(yīng)用打開次數(shù)

12-191704—U-I92004

打開次發(fā)300

■txdemo

4.L2.小程序應(yīng)用概覽詳情

小程序應(yīng)用概覽是應(yīng)用維度出發(fā)，直觀實(shí)時(shí)展示應(yīng)用整體用戶體驗(yàn)評分趨勢、應(yīng)用性能各指標(biāo)

趨勢、應(yīng)用T0P5的關(guān)犍頁面、頁面、關(guān)鍵網(wǎng)絡(luò)請求、網(wǎng)絡(luò)請求、T0P5地域的性能趨勢。

4.1.2.1.應(yīng)用性能指標(biāo)趨勢圖

點(diǎn)擊小程序列表中的應(yīng)用名稱,進(jìn)入應(yīng)用概覽。頁面中展示小程序性能評分、總訪PV,同時(shí)展

示加載耗時(shí)、onReady,請求耗時(shí)、請求錯(cuò)誤率、JS錯(cuò)誤率的峰值和均值。

性能評分

1加?耗忖(ms)/?、器可用性

a54后1174

局；T?1100

42Util2697■值60

播作

可用性KD?值

MttMR二，卡立率

W調(diào)求疑時(shí)(ms)一請求幡讒*會(huì)1crRgrMmO

35.569（%）?

、d/?■■■■--\,CO2110<J1243

.\/2226It值7.14tti19.181897ttffl

Rea*調(diào)雙同時(shí)33.33■值

當(dāng)點(diǎn)擊指標(biāo)色塊，即展開該指標(biāo)的趨勢圖。

指標(biāo)趨勢圖

分位％avg95%90%75%50%

苗次晌應(yīng)人1715ms

PV____________________________________\

_\

UV\

打開次數(shù)

JSAJ遽率

onRoady

?次哨應(yīng)

調(diào)5RR時(shí)一首次制應(yīng)

汕*

同時(shí)改圖可對所有應(yīng)用級別的指標(biāo)進(jìn)行切換展示，指標(biāo)有：PV、UV、打開次數(shù)、JS錯(cuò)誤率、

onReady.首次響應(yīng)時(shí)間、請求耗時(shí)、服務(wù)端耗時(shí)、性能評分、卡頓率、加載耗時(shí)、請求錯(cuò)誤

率、操作時(shí)間、操作可用性、異常跳出率、總跳出率C

此外指標(biāo)還支持四個(gè)分位值：95%、90%、75%、50%?？梢苑謩e參考不同分位值下的指標(biāo)趨

勢。

.T0P5關(guān)鍵頁面

pages/movies/index—pages/theater/logs—pages/movies/detail/detail

更多〉

性能首次加載JS錯(cuò)誤

PV（次）onReady(ms)

評分(ms)率(％)

■pages/movies/index3798216400

■pages/theater/logs339029600

■pages/movies/detail/...4901621560

默認(rèn)按照PV排序展示T0P5訪問量最大的關(guān)鍵頁面性能趨勢，也可以在右上角切換指標(biāo)，來

展示不同指標(biāo)的T0P5關(guān)鍵頁面的性能趨勢，可切換指標(biāo)有PV、性能評分、onReady.JS錯(cuò)

誤率。點(diǎn)擊圖表下方的頁面地址，可查看該頁面詳情，具體介紹請參見頁面分析。

.T0P5關(guān)鍵網(wǎng)絡(luò)請求

TOP5關(guān)鍵網(wǎng)絡(luò)請求可切換的指標(biāo)請求漁人

由請求次數(shù)

一/ws/geocoder/vl/*

—reportalphaL/mpserver/data/seatdata

一/mpserver/data/indexTheater

/mpserver/testmp

—reportalphaL/mpl/info.(>hp

請求次數(shù)網(wǎng)絡(luò)請求響應(yīng)時(shí)間服務(wù)淌響應(yīng)時(shí)間網(wǎng)絡(luò)請求錯(cuò)誤

（次）(ms)(ms)率依）

■reportalphal.tingyun.c...515228319990

■reportalphal.tingyun.c...852091100

■/ws/g...2227400

reportalphal.tingyun.c...1918610

■reportalphal.tingyun.c...1911610

默認(rèn)按照操作次數(shù)排序展示T0P5訪問量最大的關(guān)鍵清求性能趨勢，也可以在右上角切換指

標(biāo)，來展示不同指標(biāo)的T0P5關(guān)鍵請求的性能趨勢，可切換指標(biāo)有請求次數(shù)、請求耗時(shí)、服務(wù)

端耗時(shí)、請求錯(cuò)誤率。點(diǎn)擊圖表下方的請求地址，可查看該關(guān)鍵網(wǎng)絡(luò)請求詳情。

.T0P5頁面

默認(rèn)按照PV排序展示T0P5訪問量最大的頁面性能趨勢，也可以在右上角切換指標(biāo)，來展示

不同指標(biāo)的T0P5頁面的性能趨勢，可切換指標(biāo)有PV、性能評分、onReady,首次響應(yīng)時(shí)間。

點(diǎn)擊左側(cè)的頁面地址，可查看該頁面性能詳情。

.TOP5請求

默認(rèn)按照操作次數(shù)排序展示TOP5訪問量最大的網(wǎng)絡(luò)請求性能趨勢，也可以在右上角切換指

標(biāo)，來展示不同指標(biāo)的TOP5網(wǎng)絡(luò)請求的性能趨勢，可切換指標(biāo)有請求次數(shù)、請求耗時(shí)、服務(wù)

端耗時(shí)、請求錯(cuò)誤率。點(diǎn)擊圖表下方的請求地址，可查看該網(wǎng)絡(luò)請求詳情。

.TOP5地域運(yùn)營商

地域運(yùn)營商TOP5國家排行

PV全部運(yùn)營商?全部網(wǎng)絡(luò)類型

國家HV次

uv

JS集誤率未知153

onReady

網(wǎng)絡(luò)語里?應(yīng)時(shí)間I

艘wwswt可I

i

臼定義指標(biāo)時(shí)間|

■133.87S-153.000

■114.750-133.875

■95.625-114.750

■76.S00-95.625

■57375-76.500

■38.250-57.375

■19.125-38.250

■0.000-19.125

默認(rèn)按照操作次數(shù)排序展示T0P5訪問量最大的地域性能趨勢，也可以在右上角切換指標(biāo)，來

展示不同指標(biāo)的T0P5地域的性能趨勢，可切換指標(biāo)有小程序性能評分、PV、onReady、首次

響應(yīng)、請求耗時(shí)、請求錯(cuò)誤率、JS錯(cuò)誤率，也可以切換運(yùn)營商和網(wǎng)絡(luò)類型（4G、3G、2G、

WiFi）。點(diǎn)擊地域名稱，即可查看該地域的性能詳情。如果有多個(gè)國家用戶訪問即展示為世界

地圖。若只有一個(gè)國家，多個(gè)省份用戶訪問，則展示國家地圖。若只有一個(gè)省份用戶訪問，則

展示為省份地圖。

地域組合圖展示TOP5地域的指標(biāo)趨勢；

地域組合圖

一未知—未知一未知

4.2.頁面分析

頁面分析用于定位頁面加載慢、頁面錯(cuò)誤、卡頓等問題。

頁面加載慢

衡量頁面展現(xiàn)慢的指標(biāo)是加載耗時(shí)。

加載耗時(shí)：計(jì)算onLoad到onReady生命周期執(zhí)行完成的時(shí)間段內(nèi)，所有setData以及請求發(fā)

送之后setData的最長渲染回調(diào)時(shí)間。

定位加載耗時(shí)慢，可以分為以下幾種情況：

?加載耗時(shí)的內(nèi)容較多，需要集合多份數(shù)據(jù)進(jìn)行渲染。這種情況需要開發(fā)者把內(nèi)容分優(yōu)先

級，把優(yōu)先級高的內(nèi)容做優(yōu)先展示，觸加載耗時(shí)時(shí)間。

這種情況借助瀑布圖看。nReady時(shí)間結(jié)束前發(fā)出的請求條數(shù)，有針對性的減少。

?加載耗時(shí)內(nèi)容依賴的數(shù)據(jù)從服務(wù)端請求的時(shí)間太長。開發(fā)者需要從服務(wù)端側(cè)具體分析服務(wù)

端數(shù)據(jù)返回的時(shí)間長的原因。

看頁面請求的服務(wù)端耗時(shí)是否過長，若服務(wù)端耗時(shí)沒有問題，可借助network撥測請求，

定位網(wǎng)絡(luò)問題。

?一次性渲染數(shù)據(jù)太大或依賴的計(jì)算過于復(fù)雜。減少渲染的數(shù)據(jù)量、優(yōu)化渲染相關(guān)數(shù)據(jù)的算

法可以解決這類問題。

借助瀑布圖看setData的頻率以及setData耗時(shí)以及setData內(nèi)容，有針對性的優(yōu)化。

頁面展現(xiàn)錯(cuò)誤

頁面錯(cuò)誤，主要是出現(xiàn)了請求網(wǎng)絡(luò)錯(cuò)誤、請求超時(shí)、請求業(yè)務(wù)錯(cuò)誤、JS錯(cuò)誤幾種情況?？山柚?/p>

頁面異常追蹤來定位這些錯(cuò)誤。

頁面卡頓

目前我們監(jiān)控的頁面卡頓主要是由setData引起的卡頓，判斷標(biāo)準(zhǔn)為setData耗時(shí)，閾值可自

定義。

setData導(dǎo)致頁面卡頓的因素：setData頻率、setData數(shù)據(jù)量大小，都可以借助頁面卡頓瀑布

圖定位

4.2.1.頁面列表

4.22頁面分析詳情

點(diǎn)擊頁面路徑即可助蚌專到頁面分析詳情，包含頁面性能趨勢、耗時(shí)分布、地域運(yùn)營商、JS錯(cuò)誤

率趨勢、T0P5微信版本JS錯(cuò)誤率曲線圖、慢頁面占比、網(wǎng)絡(luò)請求趨勢圖、異常追蹤等部分。

4.2.2.1.頁面性能趨

展示頁面的PV、UV、onReady、首次響應(yīng)、加載耗時(shí)的趨勢，也可查看不同分位值（95%、

90%、75%、50%）下的指標(biāo)趨勢。

4.2.2.2.頁面網(wǎng)絡(luò)請求趨勢圖

展示頁面的網(wǎng)絡(luò)請求請求次數(shù)、慢請求次數(shù)、錯(cuò)誤請求次數(shù)、請求耗時(shí)、服務(wù)端耗時(shí)等指標(biāo)趨

勢，同時(shí)可以查看不同的分位值，還可以結(jié)合直方圖來看請求頻率分布來優(yōu)化。

網(wǎng)絡(luò)請求趨勢圖分位值avg

95%90%75%50%

?請求次數(shù)?慢請求次數(shù)?錯(cuò)誤請求次數(shù)

請求耗時(shí)服務(wù)端耗時(shí)

耗時(shí)分布網(wǎng)絡(luò)請求頻率7

125

100

0-11次/s11-30次/s30次/s以上

4.223.卡頓分析

展現(xiàn)頁面PV、卡頓PV、卡頓率、卡頓率均值。同時(shí)可以結(jié)合耗時(shí)分布看setData的頻率分

布、和耗時(shí)分布。

卡頓率趨勢圖卡頓率均值:8.06

（次）

?PV?卡頓次數(shù)一卡頓率卡頓率均值

耗時(shí)分布setData耗時(shí)八

setData頻率

125

onReady

100

苜次響應(yīng)

請求耗時(shí)

服務(wù)端耗時(shí)

setData耗時(shí)

網(wǎng)絡(luò)請求頻率

0-lms-2ms2ms以上

42.2.4.耗時(shí)分布

展示onReady、首次響應(yīng)、網(wǎng)絡(luò)請求響應(yīng)時(shí)間，請求耗時(shí)、服務(wù)端耗時(shí)、setData耗時(shí)、網(wǎng)絡(luò)

請求頻率、setData頻率等指標(biāo)的其對應(yīng)不同區(qū)間的分布。

耗時(shí)分布o(jì)nReady人

setData頻率

60

onReady

40首次響應(yīng)

請求耗時(shí)

_______服務(wù)端耗時(shí)

■setData耗時(shí)

4.2.2.5.地域運(yùn)營商

在此模塊可以看到該頁面的onReady.'首次響應(yīng)、網(wǎng)絡(luò)請求響應(yīng)時(shí)間，服務(wù)端響應(yīng)時(shí)間四個(gè)指

標(biāo)在不同地域、不同運(yùn)營商、不同網(wǎng)絡(luò)環(huán)境下的響應(yīng)耗時(shí)情況，并在右側(cè)展示了每個(gè)指標(biāo)最長

耗時(shí)地域耗時(shí)情況。

，蛔運(yùn)營商TOP5國家抖訝亍

onReady全部盯商

未知

■1400rm*

■1200rm-1400ms

■1000w-1200w

■800m*-1000rm

■6OOms-8OOms

■400m$-600ms

■200m$-400m1

■0mi-200rm

地域如合國

--?0>6川一機(jī)

.JS錯(cuò)誤率趨勢

該模塊展示所選時(shí)間段，該頁面所發(fā)生的JS錯(cuò)誤率情況（JS錯(cuò)誤率=發(fā)生JS錯(cuò)誤頁面/總

PV100%）以及該頁面所發(fā)生的TOP5微信版本JS錯(cuò)誤率情況（微信版本JS錯(cuò)誤率=某微信

版本發(fā)生JS錯(cuò)誤頁面原瀏覽器總PV100%）。

4.2.27.慢頁面占比

該模塊展示總PV、慢頁面次數(shù)、慢頁面占比趨勢。慢頁面次數(shù)=超過。nReady閾值的頁面PV/

總PV*100%

42.2.8.頁面跳出率趨勢圖

展現(xiàn)該頁面作為退出頁的訪問次數(shù)占比、異常占比、異常退出占比。

頁面異常率—頁面異常跳出率—總跳出率

4.2.2.9.異常追蹤

該模塊包含四種異常情況的追蹤：異常頁面追蹤、錯(cuò)誤請求、慢請求、JS錯(cuò)誤、卡頓。

42291.慢頁面追蹤

異常頁面分為四種情況：慢加載（超過加載耗時(shí)閾值）、頁面出現(xiàn)網(wǎng)絡(luò)錯(cuò)誤、頁面出現(xiàn)JS錯(cuò)

誤、頁面出現(xiàn)卡頓。只要出現(xiàn)其中一種情況，都?xì)w屬為異常頁面。

異常頁面追蹤支持IP、URL、userID,session?搜索?？煽吹疆惓ｍ撁娴陌l(fā)生時(shí)間、頁面地

址、uselD.sessionlD、IP、省份、城市、運(yùn)營商、網(wǎng)絡(luò)、微信版本、系統(tǒng)、設(shè)備、耗時(shí)等信

息、，點(diǎn)擊發(fā)生時(shí)間可追蹤去慢頁面詳情，輔助開發(fā)人員定位慢頁面發(fā)生原因。

異常頁面概覽匯總分析出發(fā)生異常頁面的網(wǎng)絡(luò)環(huán)境占比、微信版本TOP5、地域運(yùn)營商TOP5、

系統(tǒng)版本TOP5、設(shè)備TOP5、SDK版本TOP5,用戶可以分別點(diǎn)擊快速篩選出發(fā)生異常頁面

的主要類型。也可以篩選只分析慢頁面或網(wǎng)絡(luò)錯(cuò)誤頁面或JS錯(cuò)誤的頁面、卡頓的頁面。

HWiBB辱累輟津謫求雷調(diào)樂

異常頁面.況■?國■■????■4

畀常頁O面列收OOO0O

IP

?usoOS?aionD*IP?壯”?近號商'網(wǎng)珞_?舄跳?設(shè)務(wù)??加C0E3)

5647do2d..okiddclO-...49未知實(shí)知wrfi7X).4Android6.0Noxus5

5847do2d..c1dd8(^9-...49AM京如wrfi7.0.4Androd6.0Moxus5

WA|

5847do28..1cOcr9656-..怕24e8.5"9京如wifi7.0.4iOS10.0.1iPhone6

422.92異常頁面追蹤詳情

異常頁面追蹤詳情包含：產(chǎn)生這次異常頁面的用戶環(huán)境信息、用戶訪問頁面的指標(biāo)信息、頁面

的網(wǎng)絡(luò)請求瀑布圖、網(wǎng)絡(luò)請求分類。

基本信息

用戶基本信息可展示用戶發(fā)生異常頁面的網(wǎng)絡(luò)\系統(tǒng)等環(huán)境，方便測試復(fù)現(xiàn)排查。

異常追蹤URL：ggee/m(*es/index

宿。務(wù)?平均疑時(shí)onReedy

?;易

8溫1謫求平均昆時(shí)、0ms0mssetDataftBma

2315ms0ms

用‘5146.6.3MQS10.0.1分脩事320*456

集?北京北京市???>1?±??