阿里UC百億PV的前端監(jiān)控平臺:(5)數(shù)據(jù)可視化

本文首發(fā)于知乎 《阿里UC百億級PV的前端監(jiān)控平臺實踐》 锁荔,搬運轉(zhuǎn)載請注明出處,否則追究版權(quán)責任懂诗。

阿里UC百億PV的岳鷹全景監(jiān)控平臺實踐 系列文章:

前言

Web承載的業(yè)務(wù)越來越復(fù)雜赢乓,用戶對于Web的體驗要求也越來越高,Web性能的優(yōu)劣對業(yè)務(wù)收益也有著非常直接的影響年枕。

本文主要介紹阿里UC百億級PV前端監(jiān)控平臺, 岳鷹全景監(jiān)控平臺 的實踐歷程 - 數(shù)據(jù)可視化乎完,閱讀時長 5 分鐘熏兄。

岳鷹前端監(jiān)控

數(shù)據(jù)可視化

經(jīng)過數(shù)據(jù)清洗存儲、統(tǒng)計分析這2個步驟之后树姨,通過數(shù)據(jù)來定位解決問題的方法思路已經(jīng)妥妥的存儲在后端服務(wù)器摩桶;接下來要做的就是把數(shù)據(jù)可視化的呈現(xiàn)給開發(fā)者,讓數(shù)據(jù)會說話帽揪。

實時數(shù)據(jù)

通過數(shù)據(jù)的實時展現(xiàn)硝清,可以第一時間發(fā)現(xiàn)異常指標,并且對這一時刻的指標進行分析转晰,例如截圖中的「資源加載異陈茫」砾肺。

圖1:實時大盤

趨勢數(shù)據(jù)

對于頁面性能這種周期指標,可以更長時間周期的觀察防嗡。另外变汪,頁面性能的均值作為用戶體驗的衡量,還需要考慮長尾用戶的體驗蚁趁,因此我們也提供了 頁面性能區(qū)間分布的統(tǒng)計裙盾,可以直接定位到頁面訪問緩慢的日志。

圖1:頁面性能趨勢
圖2:頁面性能樣本分布

分析定位

通過對數(shù)據(jù)統(tǒng)計聚類他嫡,發(fā)生異常的情況進行統(tǒng)計番官,從時間、地域钢属、網(wǎng)絡(luò)等不同維度加以統(tǒng)計徘熔,找出規(guī)律,找到問題影響范圍進一步分析淆党。
對于JS異常酷师,還可以通過 source map 映射源碼,快速定位到報錯的具體代碼染乌。

圖1:維度統(tǒng)計分析
圖2:source map

岳鷹-WEB前端監(jiān)控

阿里UC出品的 岳鷹全景監(jiān)控平臺 山孔,支持移動H5、PC站點荷憋、微信小程序以及支付寶小程序等各家小程序台颠,PV、JS異常勒庄、頁面性能等監(jiān)控指標完整串前,已經(jīng)對外開放,歡迎免費體驗試用实蔽。

技術(shù)交流荡碾、第一時間掌握產(chǎn)品動態(tài),歡迎聯(lián)系微信小助手~

微信號 effirst-assistant

參考資料

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末盐须,一起剝皮案震驚了整個濱河市玩荠,隨后出現(xiàn)的幾起案子漆腌,更是在濱河造成了極大的恐慌贼邓,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,839評論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件闷尿,死亡現(xiàn)場離奇詭異塑径,居然都是意外死亡,警方通過查閱死者的電腦和手機填具,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,543評論 2 382
  • 文/潘曉璐 我一進店門统舀,熙熙樓的掌柜王于貴愁眉苦臉地迎上來匆骗,“玉大人,你說我怎么就攤上這事誉简〉锞停” “怎么了?”我有些...
    開封第一講書人閱讀 153,116評論 0 344
  • 文/不壞的土叔 我叫張陵闷串,是天一觀的道長瓮钥。 經(jīng)常有香客問我,道長烹吵,這世上最難降的妖魔是什么碉熄? 我笑而不...
    開封第一講書人閱讀 55,371評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮肋拔,結(jié)果婚禮上锈津,老公的妹妹穿的比我還像新娘。我一直安慰自己凉蜂,他們只是感情好琼梆,可當我...
    茶點故事閱讀 64,384評論 5 374
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著窿吩,像睡著了一般叮叹。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上爆存,一...
    開封第一講書人閱讀 49,111評論 1 285
  • 那天蛉顽,我揣著相機與錄音,去河邊找鬼先较。 笑死携冤,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的闲勺。 我是一名探鬼主播曾棕,決...
    沈念sama閱讀 38,416評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼菜循!你這毒婦竟也來了翘地?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,053評論 0 259
  • 序言:老撾萬榮一對情侶失蹤癌幕,失蹤者是張志新(化名)和其女友劉穎衙耕,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體勺远,經(jīng)...
    沈念sama閱讀 43,558評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡橙喘,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,007評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了胶逢。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片厅瞎。...
    茶點故事閱讀 38,117評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡饰潜,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出和簸,到底是詐尸還是另有隱情彭雾,我是刑警寧澤,帶...
    沈念sama閱讀 33,756評論 4 324
  • 正文 年R本政府宣布锁保,位于F島的核電站冠跷,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏身诺。R本人自食惡果不足惜蜜托,卻給世界環(huán)境...
    茶點故事閱讀 39,324評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望霉赡。 院中可真熱鬧橄务,春花似錦、人聲如沸穴亏。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,315評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽嗓化。三九已至棠涮,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間刺覆,已是汗流浹背严肪。 一陣腳步聲響...
    開封第一講書人閱讀 31,539評論 1 262
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留谦屑,地道東北人驳糯。 一個月前我還...
    沈念sama閱讀 45,578評論 2 355
  • 正文 我出身青樓,卻偏偏與公主長得像氢橙,于是被迫代替她去往敵國和親酝枢。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 42,877評論 2 345

推薦閱讀更多精彩內(nèi)容

  • 本文首發(fā)于知乎 《阿里UC百億級PV的前端監(jiān)控平臺實踐》 悍手,搬運轉(zhuǎn)載請注明出處帘睦,否則追究版權(quán)責任。 阿里UC百億P...
    雜貨鋪老板閱讀 639評論 0 1
  • 悲觀的人,先被自己打敗涝焙,然后才被生活打敱氨俊;樂觀的人仑撞,先戰(zhàn)勝自己赤兴,然后才戰(zhàn)勝生活。 人生如茶隧哮,苦極回甜桶良。溫室開出的花...
    J0hn先生閱讀 483評論 0 0
  • 一輛車,一部相機沮翔,一個雙肩包陨帆,一瓶水,對了采蚀,還有一頂棒球帽疲牵,2018年,我有了新的自己榆鼠,新的生活纲爸。走自己喜歡的路,...
    fengherili閱讀 107評論 0 1
  • 自習課上妆够,最聰明的小李同學识啦,在我面前伸出一根食指,瞇著笑對我說:“來來來神妹,我測試一下你的數(shù)學水平颓哮。看著我的手指頭鸵荠,...
    只有真誠閱讀 874評論 2 6
  • 3. Be aware of your learning style. ?3.注意你的學習風格冕茅。 ?If you...
    俗世塵沙閱讀 149評論 0 0