2017前端監控系統探索總結
https://zhuanlan.zhihu.com/p/32761159
把前端監控做到極致
https://zhuanlan.zhihu.com/p/32262716
GMTC 大前端時代前端監控的最佳實踐
https://zhuanlan.zhihu.com/p/38637451
那些年，我們解析過的前端異常
https://juejin.im/post/5c765c63e51d453ebd4c7b7a?utm_medium=hao.caibaojian.com&utm_source=hao.caibaojian.com
前端異常監控解決方案研究
https://cdc.tencent.com/2018/09/13/frontend-exception-monitor-research/
擺脫無效報警？十年運維監控報警優化經驗總結
https://mp.weixin.qq.com/s/5doI7blFVfczdi52b9VINg
1.性能監控
2.異常監控
3.資料監控
解決方案重點︰
1.全量採集
2.無需埋點
3.查詢便捷
4.場景還原
5.即時性強
6.智能警告
#前端, 性能, 監控, 合成, 真實用戶, 錯誤, 異常, 採集, 埋點, 查詢, 警告
https://zhuanlan.zhihu.com/p/32761159
把前端監控做到極致
https://zhuanlan.zhihu.com/p/32262716
GMTC 大前端時代前端監控的最佳實踐
https://zhuanlan.zhihu.com/p/38637451
那些年，我們解析過的前端異常
https://juejin.im/post/5c765c63e51d453ebd4c7b7a?utm_medium=hao.caibaojian.com&utm_source=hao.caibaojian.com
https://cdc.tencent.com/2018/09/13/frontend-exception-monitor-research/
擺脫無效報警？十年運維監控報警優化經驗總結
https://mp.weixin.qq.com/s/5doI7blFVfczdi52b9VINg
螞蟻金服如何把前端性能監控做到極致?
https://mp.weixin.qq.com/s?__biz=MzUxMzcxMzE5Ng==&mid=2247490527&idx=1&sn=cc2549683b3ff69c042483d78ced766a&chksm=f951ae9cce26278a263ecf2937b5c4957c9b37f35b7efe4c1a8c6ab69c74ebcb43c54e62abda&xtrack=1&scene=0&subscene=131&clicktime=1550933323&ascene=7&devic
從技術方面來講，前端監控主要分為兩種方式，一種叫做合成監控（Synthetic Monitoring，SYN），另一種是真實用戶監控（Real User Monitoring，RUM）。
什麼叫合成監控？就是在一個類比場景裡，去提交一個需要做性能審計的頁面，通過一系列的工具、規則去運行你的頁面，提取一些性能指標，得出一個審計報告。合成監控中最近比較流行的是 Google 的 Lighthouse。
所謂真實使用者監控，就是使用者在我們的頁面上訪問，訪問之後就會產生各種各樣的性能指標，我們在使用者訪問結束的時候，把這些性能指標上傳到我們的日誌伺服器上，進行資料的提取清洗加工，最後在我們的監控平臺上進行展示的一個過程。
因為真實用戶監控也是在運行時執行，所以這種真實用戶監控比較難採集到一些硬體相關的指標，包括也很難去採集這個頁面執行的幻燈片（即逐幀截圖）。當然技術上，你可以用 JS 把當前頁面保存成一個 Canvas，做一些逐幀對比，甚至把這些資料回傳回去。但是在實踐過程中，我們肯定不會這樣做，因為這對用戶的流量是極大的浪費。介紹完這兩種監控方案我們來看一下他們兩種方案的對比。
在真實使用者性能資料獲取時，要關注四個方面的東西：
1.使用標準的 API；
2.定義合適的指標；
3.採集正確的資料；
4.上報關聯的維度。
其中準確分析性能資料及影響因素，針對分析性能指標時建議關注百分位數 (percentile)，對性能的要求越高，使用越大的百分位數。
主要監控面向︰https://mp.weixin.qq.com/s?__biz=MzUxMzcxMzE5Ng==&mid=2247490527&idx=1&sn=cc2549683b3ff69c042483d78ced766a&chksm=f951ae9cce26278a263ecf2937b5c4957c9b37f35b7efe4c1a8c6ab69c74ebcb43c54e62abda&xtrack=1&scene=0&subscene=131&clicktime=1550933323&ascene=7&devic
一文徹底搞懂前端監控
什麼叫合成監控？就是在一個類比場景裡，去提交一個需要做性能審計的頁面，通過一系列的工具、規則去運行你的頁面，提取一些性能指標，得出一個審計報告。合成監控中最近比較流行的是 Google 的 Lighthouse。
所謂真實使用者監控，就是使用者在我們的頁面上訪問，訪問之後就會產生各種各樣的性能指標，我們在使用者訪問結束的時候，把這些性能指標上傳到我們的日誌伺服器上，進行資料的提取清洗加工，最後在我們的監控平臺上進行展示的一個過程。
因為真實用戶監控也是在運行時執行，所以這種真實用戶監控比較難採集到一些硬體相關的指標，包括也很難去採集這個頁面執行的幻燈片（即逐幀截圖）。當然技術上，你可以用 JS 把當前頁面保存成一個 Canvas，做一些逐幀對比，甚至把這些資料回傳回去。但是在實踐過程中，我們肯定不會這樣做，因為這對用戶的流量是極大的浪費。介紹完這兩種監控方案我們來看一下他們兩種方案的對比。
在真實使用者性能資料獲取時，要關注四個方面的東西：
1.使用標準的 API；
2.定義合適的指標；
3.採集正確的資料；
4.上報關聯的維度。
其中準確分析性能資料及影響因素，針對分析性能指標時建議關注百分位數 (percentile)，對性能的要求越高，使用越大的百分位數。
1.性能監控
2.異常監控
3.資料監控
解決方案重點︰
1.全量採集
2.無需埋點
3.查詢便捷
4.場景還原
5.即時性強
6.智能警告
#前端, 性能, 監控, 合成, 真實用戶, 錯誤, 異常, 採集, 埋點, 查詢, 警告
留言
張貼留言