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

NJA.O0

版屏

刖百

廣品版本

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

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

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

內(nèi)容介紹

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

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

第2章指標說明

第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)品價值與典型應用場景1

2.指標說明3

3.新手入門6

4.功能描述9

4.1.應用概覽9

4.1.1.應用歹U表頁9

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

.列表9

.打開次數(shù)9

4.1.2./」洋附應用概覽詳情10

,應用性能指標趨勢圖10

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

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

.TOP5頁面13

.TOP5請求14

.TOP5地域運營商14

4.2.頁面分析15

4.2.1.頁面歹U表17

4.2.2.頁面分析詳情17

4.2.2.1,頁面性能趨17

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

4.2.2.3.卡頓分析19

4.224.耗時分布21

.地域運營商22

.JS錯誤率趨勢23

.慢頁面占比24

422.8.頁面跳出率趨勢圖24

4.2.29異常追蹤25

4.3.setData分析29

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

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

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

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

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

,請求鐲吳率34

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

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

.慢請求歹I」表35

4.4.27.窗吳請求列表35.

4.5.地域運營商分析35

4.5.1.尉示趨勢圖36

4.5.2.地域歹I」表36

4.5.3.T0P5運營商指標趨勢37

4.5.4.異常追蹤37

4.6.JS錯誤分析38

461.JS錯誤文件歹IJ表38

4.6.2.JS錯誤文件詳情38

4.621.T0P5錯誤類型堆疊圖38

.T0P5JS錯誤微信版本堆疊圖39

4623JS錯誤類型類別39

.JS錯誤追蹤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.默認監(jiān)控接口45

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

4.8.3.中箭而兌明46

4.8.4.報表說明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.應用設置53

4.10.1.基本設置53

4.102閾值設置54

4.10.3.評分設置54

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

4.11.1.什么是SourceMap55

4.11.2.安裝56

.npm安裝56

.其他npm安裝56

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

4.11.3.使用57

4.11.4.CLI命令58

1.產(chǎn)品概述

1.1.引言

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

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

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

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

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

源準備（代碼下載或更新）等準備事項，如果準備失敗或等待時間過長，就會導致用戶離開,

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

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

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

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

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

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

誤、頁面延時等造成小程序用戶體驗不好的性能問題，并指導快速定位問題。

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

1.3.產(chǎn)品價值與典型應用場景

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

角色：運維

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

系。

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

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

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

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

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

程。

?改善您的客戶體驗

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

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

操作體驗。

?提升您的小程序性能

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

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

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

2.指標說明

指標名稱指標定義

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

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

小程序的過程，計為一次。

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

復訪問計為多次訪問。

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

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

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

首次響應頁面開啟到首個網(wǎng)絡請求完成時間

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

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

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

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

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

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

請求耗時請求發(fā)起到請求響應結(jié)束的時間；計算規(guī)則:返回時間點-發(fā)起

時間點

服務端耗時應用服務器處理請求所消耗的時間，即應用響應時間，等于請

求到達應用服務器到應用代碼執(zhí)行完成并輸出響應信息的時

間。

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

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

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

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

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

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

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

率

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

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

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

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

也未成功。

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

1次

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

求時，操作對應的多個Ajax的最后一-條ajax的結(jié)束時間■操

作點擊開始時間。

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

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

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

空白時間。

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

時

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

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

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

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

體驗評分衡量小程序整體體驗的評分，基于JS錯誤率、請求錯誤率、請

求耗時、加載耗時、onready＞卡頓率、操作可用性等7項綜

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

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

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

標值取得是分位值可自定義。

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

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

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

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

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

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

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

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

頓。）

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

數(shù)。

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

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

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

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

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

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

/訪問次數(shù)

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

誤,js錯誤，卡頓4條有其中之一的都認為是異常頁面。

3.新手入門

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

使用步驟如下。

1.新建應用名稱。

在小程序概覽點擊添加應用，彈窗新建應用頁面，輸入小程序名稱，保存，小程序名稱不

可重復。

小程序名稱GE)

2.下載探針。

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

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

小程序名稱

tess

因

8ND8iYAGr4

EXJS^H

3.配置代碼。

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

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

■onitor.confic((

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

key:,8ND8iY-A6r4\

,,

id:yOgQY-UHa8Q,

saapleRate:1復制代碼

?

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({

注意:

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

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

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

4.配置request合法域名。

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

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

微倍公眾平臺I/N呈序

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

4.功能描述

4.1.應用概覽

4.1.1.應用列表頁

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

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

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

性能評分良好應用（90＞性能評分260分）、性能評分極差應用（性能評分＜60分），點擊可

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

4.1.1.2.小程序列表

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

JS錯誤率、操作可用性、卡頓率等指標。每個指標可以排序；

應用列表

+季斌應用

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

741117421107415.M100

4.1.1.3.打開次數(shù)

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

應用打開次數(shù)

12-191704—U-I92004

打開次發(fā)300

■txdemo

4.L2.小程序應用概覽詳情

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

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

4.1.2.1.應用性能指標趨勢圖

點擊小程序列表中的應用名稱,進入應用概覽。頁面中展示小程序性能評分、總訪PV,同時展

示加載耗時、onReady,請求耗時、請求錯誤率、JS錯誤率的峰值和均值。

性能評分

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

a54后1174

局；T?1100

42Util2697■值60

播作

可用性KD?值

MttMR二，卡立率

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

35.569（%）?

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

.\/2226It值7.14tti19.181897ttffl

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

當點擊指標色塊，即展開該指標的趨勢圖。

指標趨勢圖

分位％avg95%90%75%50%

苗次晌應人1715ms

PV____________________________________\

_\

UV\

打開次數(shù)

JSAJ遽率

onRoady

?次哨應

調(diào)5RR時一首次制應

汕*

同時改圖可對所有應用級別的指標進行切換展示，指標有：PV、UV、打開次數(shù)、JS錯誤率、

onReady.首次響應時間、請求耗時、服務端耗時、性能評分、卡頓率、加載耗時、請求錯誤

率、操作時間、操作可用性、異常跳出率、總跳出率C

此外指標還支持四個分位值：95%、90%、75%、50%。可以分別參考不同分位值下的指標趨

勢。

.T0P5關(guān)鍵頁面

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

更多〉

性能首次加載JS錯誤

PV（次）onReady(ms)

評分(ms)率(％)

■pages/movies/index3798216400

■pages/theater/logs339029600

■pages/movies/detail/...4901621560

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

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

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

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

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

由請求次數(shù)

一/ws/geocoder/vl/*

—reportalphaL/mpserver/data/seatdata

一/mpserver/data/indexTheater

/mpserver/testmp

—reportalphaL/mpl/info.(>hp

請求次數(shù)網(wǎng)絡請求響應時間服務淌響應時間網(wǎng)絡請求錯誤

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

■reportalphal.tingyun.c...515228319990

■reportalphal.tingyun.c...852091100

■/ws/g...2227400

reportalphal.tingyun.c...1918610

■reportalphal.tingyun.c...1911610

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

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

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

.T0P5頁面

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

不同指標的T0P5頁面的性能趨勢，可切換指標有PV、性能評分、onReady,首次響應時間。

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

.TOP5請求

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

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

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

.TOP5地域運營商

地域運營商TOP5國家排行

PV全部運營商?全部網(wǎng)絡類型

國家HV次

uv

JS集誤率未知153

onReady

網(wǎng)絡語里?應時間I

艘wwswt可I

i

臼定義指標時間|

■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

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

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

響應、請求耗時、請求錯誤率、JS錯誤率，也可以切換運營商和網(wǎng)絡類型（4G、3G、2G、

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

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

展示為省份地圖。

地域組合圖展示TOP5地域的指標趨勢；

地域組合圖

一未知—未知一未知

4.2.頁面分析

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

頁面加載慢

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

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

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

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

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

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

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

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

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

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

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

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

法可以解決這類問題。

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

頁面展現(xiàn)錯誤

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

頁面異常追蹤來定位這些錯誤。

頁面卡頓

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

定義。

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

圖定位

4.2.1.頁面列表

4.22頁面分析詳情

點擊頁面路徑即可助蚌專到頁面分析詳情，包含頁面性能趨勢、耗時分布、地域運營商、JS錯誤

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

4.2.2.1.頁面性能趨

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

90%、75%、50%）下的指標趨勢。

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

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

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

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

95%90%75%50%

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

請求耗時服務端耗時

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

125

100

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

4.223.卡頓分析

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

布、和耗時分布。

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

（次）

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

耗時分布setData耗時八

setData頻率

125

onReady

100

苜次響應

請求耗時

服務端耗時

setData耗時

網(wǎng)絡請求頻率

0-lms-2ms2ms以上

42.2.4.耗時分布

展示onReady、首次響應、網(wǎng)絡請求響應時間，請求耗時、服務端耗時、setData耗時、網(wǎng)絡

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

耗時分布onReady人

setData頻率

60

onReady

40首次響應

請求耗時

_______服務端耗時

■setData耗時

4.2.2.5.地域運營商

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

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

耗時地域耗時情況。

，蛔運營商TOP5國家抖訝亍

onReady全部盯商

未知

■1400rm*

■1200rm-1400ms

■1000w-1200w

■800m*-1000rm

■6OOms-8OOms

■400m$-600ms

■200m$-400m1

■0mi-200rm

地域如合國

--?0>6川一機

.JS錯誤率趨勢

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

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

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

4.2.27.慢頁面占比

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

總PV*100%

42.2.8.頁面跳出率趨勢圖

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

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

4.2.2.9.異常追蹤

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

42291.慢頁面追蹤

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

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

異常頁面追蹤支持IP、URL、userID,session?搜索。可看到異常頁面的發(fā)生時間、頁面地

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

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

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

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

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

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

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

畀常頁O面列收OOO0O

IP

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

5647do2d..okiddclO-...49未知實知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)境信息、用戶訪問頁面的指標信息、頁面

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

基本信息

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

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

宿。務?平均疑時onReedy

?;易

8溫1謫求平均昆時、0ms0mssetDataftBma

2315ms0ms

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

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