兩款監控系統調研

New Relic

1)數據總覽

  Dashboard,評估用戶體驗,定位瀏覽器性能問題,檢查由其他原因引起的問題。

  

  可添加自定義告警。

  

2)會話重放

  錄像,JavaScript 錯誤疑難解答,改善用戶體驗,識別關鍵用戶旅程中的問題

  

  

  

3)核心指標

  Google 衡量整體用戶體驗的指標,通過會話跟蹤獲取更多上下文。

  

  可深入到特定頁面並按關鍵屬性過濾。

  

4)頁面視圖

  檢查頁面性能,識別特定的前端頁面視圖變得容易。包括性能細節和頁面加載的時間詳細信息。

  

  從頁面視圖摘要中,單擊 URL 可查看有關頁面加載、APM 或分佈式跟蹤中的前端和後端計時、吞吐量、瀏覽器類型和會話跟蹤的性能詳細信息。

  

5)異步通信

  AJAX 頁面,識別耗時的調用,可以按設備類型查看問題,包括桌面瀏覽器、移動設備和平板電腦。

  通信時間佔比 = Ajax 通信總時間 / 該域名中的通信總時間

  

6)錯誤信息

  錯誤選項卡,動態過濾和分組錯誤,幫助找出根本原因。

  

  指定時間範圍內經常受到影響的用戶,將用戶屬性下載爲 CSV 格式,或通過選擇單獨的行來探索細分。

  

  顯示 JavaScript 錯誤發生的位置,提供上下文詳細信息。

  

  

  活動軌跡。

  

7)會話追蹤

  探索網頁的生命週期,包括頁面加載時間,AJAX 請求,會話期間的錯誤和其他事件等。識別 JavaScript 代碼中執行緩慢的回調,並阻止瀏覽器主線程上後續調用的執行。

  

8)地理位置

  按位置劃分的網頁數據,包含世界各地城市、地區和國家的前端體驗的顏色性能信息。

  

  這些圖表可深入瞭解與特定位置、瀏覽器、設備、URL 或瀏覽器版本相關的性能問題。

  

  按各種類別的屬性對數據進行過濾和分組,例如頁面加載時間、FP、LCP等。

  

9)瀏覽器

  按類型或平臺劃分的問題模式,根據使用的瀏覽器(例如 Chrome、Firefox、Edge)提供應用程序體驗的信息。

  吞吐量(throughput) = 路由變化次數 / 頁面加載時間

  

  調查頁面呈現緩慢的問題,注意到 Safari 瀏覽器的頁面加載時間明顯更長。

  

  深入查看特定瀏覽器的數據。

  

觀測雲

1)數據總覽

  統計頁面訪問的錯誤數、錯誤率、會話數、會話分佈、瀏覽器、操作系統、最受歡迎頁面、資源錯誤排行等內容,可視化的展示用戶訪問 Web 頁面的數據統計,快速定位用戶訪問 Web 應用的問題,提高用戶訪問性能。

  

2)頁面分析

  在 View 查看器中,查看用戶訪問環境、回溯用戶的操作路徑、分解用戶操作的響應時間以及瞭解用戶操作導致後端應用一系列調用鏈的性能指標情況。

  • 追蹤每一個頁面的用戶訪問數據,包括加載時間、停留時間等;
  • 結合每一個頁面關聯的資源請求、資源錯誤、日誌等數據,全面分析用戶訪問業務應用的性能情況,幫助快速發現並優化應用程序的代碼問題。

  

  點擊列表中需要查看的數據詳情頁,您可以查看用戶訪問的頁面性能詳情,包括屬性、來源、性能詳情、鏈路詳情、錯誤詳情、關聯日誌等。

  

  在來源支持查看當前 View 的 Session 詳情,篩選/複製查看當前的 Session ID。

  

  性能頁面可以幫助您查看到用戶訪問指定應用時前端的頁面性能,包括頁面加載時間、內容繪製時間、交互時間、輸入延時等。

  

  切換至 Fetch/XHR 時,支持查看用戶訪問時向後端應用發出的每一個網絡請求,包括髮生時間、請求的鏈路和持續時間。

  

  切換至錯誤時,您可以查看出現在該次用戶訪問時的錯誤數據信息、錯誤類型和錯誤發生時間。

  

3)會話重放

  通過現代瀏覽器提供的強大 API 拓展能力,捕獲 Web 應用的用戶操作數據,生成視頻記錄,從而重放並深入瞭解用戶當時的使用體驗。

  

  

4)性能分析

  Web 應用的頁面性能分析,通過統計PV數、頁面加載時間、網站核心指標、最受關注頁面會話數、頁面長任務分析、XHR & Fetch 分析、資源分析等指標,可視化的實時查看整體的 Web 應用頁面性能情況,更精準的定位需要優化的頁面,可通過環境、版本等篩選查看已經接入的 Web 應用。

  

  支持基於當前空間內的現有數據生成新的指標數據,以便於您依據需求設計並實現新的技術指標。

  

5)資源分析

  Web 應用的資源分析,通過統計資源分類、XHR & Fetch 分析、資源耗時分析等指標,可視化的實時查看整體的Web 應用資源情況;通過統計資源請求排行,更精準的定位需要優化的資源;可通過環境、版本等篩選查看已經接入的 Web 應用。

  

6)錯誤分析

  Web 應用的 JS 錯誤分析,通過統計錯誤率、錯誤分類、錯誤版本、網絡錯誤狀態分佈等指標,可視化的實時查看整體的 Web 應用錯誤情況;通過受影響的資源錯誤統計,可快速定位資源錯誤;可通過環境、版本等篩選查看已經接入的 Web 應用。

  

  在 Error 查看器,您可以快速查看用戶訪問時的頁面地址、代碼錯誤類型、錯誤內容等。

  • 錯誤內容 Load failed:即沒有 response 的錯誤,默認 SDK 加了 Load failed;
  • 錯誤內容 Network request failed:即 response 返回錯誤。

  

  點擊列表中需要查看的數據詳情頁,您可以查看用戶訪問的錯誤詳情,包括錯誤詳情、擴展字段、關聯的鏈路等。

  

  在 RUM 配置 Sourcemap 轉換,解析代碼示例:

  

  Issue 作爲異常追蹤這一功能的最終落地單元,承擔了整合當前工作空間中的異常問題來源、描述、相關成員等信息的角色。

  

  

7)告警管理

  異常檢測的告警事件,告警統計圖共分爲兩個部分,分別爲統計圖和告警列表。

  • 統計圖:將事件按等級分組並統計每個等級的事件數量,支持點擊統計圖跳轉查詢事件的詳情;
  • 告警列表:顯示所選時間範圍內未恢復的告警事件。

  

  對監控器的檢測結果進行告警策略管理,通過發送告警通知,讓您及時瞭解監測的異常數據情況、發現問題、解決問題。

  

  支持設置告警事件的通知對象,包括系統默認通知對象(釘釘、企業微信、飛書、短信等)

  

8)指標分析

  指標分析支持用戶基於簡單查詢、表達式查詢、DQL 查詢、PromQL 查詢、添加數據源五種方式,對指標數據以面積圖、折線圖、柱狀圖、表格圖四種查看模式進行可視化查詢。

  

  

  

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章