摘要:性能概覽下圖為一個監控的的性能概覽頁面該頁面主要包含下面幾個部分的內容頁面加載時間曲線得分圖各瀏覽器的吞吐量會話追蹤,錯誤,以及響應時間。吞吐量吞吐量是按瀏覽器的類型繪制的,單位是每分鐘瀏覽量。
New Relic性能監控(三)瀏覽器端監控
2018-05-02 瑯琊書生New Relic Browser簡介本系列文章基于公司使用New Relic的經驗,鑒于國內較少有這方面的文章,因此把我工作中了解到的知識分享給大家,希望可以給需要的朋友帶來幫助。
New Relic Browser是一款前端性能監控工具。這一領域的監控又經常被稱為‘真實用戶監控’(Real User Monitoring, RUM).它主要用來檢查前端頁面的加載時間,以衡量真實用戶的使用體驗。但是,browser能做到的遠不止如此,它還能提供以下監控數據:
獨立的會話性能
AJAX請求
Javascript錯誤
另外,如果針對同一web程序同時使用了Browser和APM,New Relic能夠將兩者的數據關聯起來,使得針對每一次的用戶請求,我們能夠獲得端到端的詳細數據包括:
前端消耗的時間,包括頁面加載/解析/渲染的詳細時間。
服務端耗費的時間,包括網絡通訊時間和后臺服務器處理請求的時間。如果后臺使用了數據庫,New Relic在APM端還可以分析出花費在數據庫操作的時間。
用戶的地理位置信息。
瀏覽器的類型和版本,以及用戶的操作系統類型。
安裝方式New Relic Browser通過一小段Javascript代碼(或者也可以稱之為‘agent’)來收集頁面在瀏覽器端的各種性能數據,達到監控的目的。其有以下幾種安裝方式:
使用APM自動注入。如果你的應用使用了New Relic APM監控,那么你使用APM agent將會自動的注入這段javascript代碼段到你的前端頁面。這是最簡單的一種安裝方式。注意,如果你的網站有通過CDN的靜態內容,不會經由服務端進程,那么這種方式就失效了。
手動將代碼片段植入到你的頁面。這種方式更為靈活,能給你更多控制力。比如上面提到的來自CDN的靜態頁面。
性能概覽下圖為一個Browser監控的App的性能概覽頁面:
該頁面主要包含下面幾個部分的內容:
頁面加載時間曲線
Apdex得分圖
各瀏覽器的吞吐量
會話追蹤,JS錯誤,以及Ajax響應時間。這部分功能僅針對專業版用戶開放。
頁面加載時間曲線該曲線使用不同的顏色區分了一個用戶請求消耗在不同部分的時間:
最下面為后端服務器處理時間(紫色部分)。這部分時間是消耗在服務端程序的時間,是由APM統計得來。
在其上棕色部分為網絡時間。該部分時間為用戶請求在網絡上的傳輸時間。注意,如果不是使用APM自動注入的Browser javascript,那么這部分時間將包含服務端程序處理時間。
請求等待處理的時間。
DOM解析時間(黃色部分)。瀏覽器獲得頁面數據,解析成DOM樹的時間。
頁面渲染時間(藍色部分)。瀏覽器從DOM樹繪制出用戶看到的頁面所消耗的時間。
Apdex曲線Apdex曲線是網站性能得分的曲線。對于有APM監控的程序,該圖同時也會顯示出服務端進程的Apdex得分。
吞吐量吞吐量是按瀏覽器的類型繪制的,單位是每分鐘瀏覽量(ppm, pages per minute)。
頁面加載時間線通過與APM集成,New Relic的頁面加載時間分析可以記錄一個請求在處理過程中的各個階段所花費的時間。下面是一個典型的頁面加載時間線:
其主要的階段如下:
頁面加載時間從用戶發起一個請求開始,包括用戶在瀏覽器地址欄輸入地址開始訪問,用戶在頁面上點擊一個鏈接,或者提交一個表單。
用戶的請求跨越網絡,抵達服務器,開始被服務端進程處理。
服務端進程完成對請求的處理,并發送一個HTML響應。該響應同樣要跨越網絡,回到瀏覽器端。
瀏覽器收到HTML響應,開始解析以構建DOM樹。
DOM樹構建完成,瀏覽器將發送DOM就緒事件,并且根據此樹開始進行頁面渲染。
頁面渲染完成,瀏覽器發出window load事件。
由此,我們可以把時間分成幾個部分:
前端時間 = DOM解析時間 + 頁面渲染時間
網絡傳輸時間 = 請求抵達服務器時間 + 響應返回瀏覽器時間
服務端處理請求的時間
頁面訪問統計頁面訪問統計是用來匯總網站的頁面訪問量。New Relic用URL來區分不同的頁面。
在這個頁面上,可以選擇三種不同的排序方式:總的頁面加載時間,平均頁面加載時間,吞吐量。
對于每個請求,右側的圖表詳細的列出了每個階段花費的時間,和一段時間內的吞吐量。
還可以查看歷史性能數據。對于APM監控的服務端進程,還可以同時給出該請求對應的后端事務的性能數據。
New Relic還可以統計用戶的瀏覽器類型,幫助你了解不同瀏覽器在你的用戶中的實際使用情況。
針對某一感興趣的瀏覽器類型,New Relic還可以給出詳細的基于版本的統計:
基于地理信息的統計基于用戶的地理信息的訪問統計也是New Relic的一個特色。它能夠詳細的給出不同位置的用戶對網站的訪問體驗,幫助我們發現有問題的區域,以便能詳細的研究原因,使得我們能夠有針對性的進行優化。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/52294.html
摘要:性能概覽下圖為一個監控的的性能概覽頁面該頁面主要包含下面幾個部分的內容頁面加載時間曲線得分圖各瀏覽器的吞吐量會話追蹤,錯誤,以及響應時間。吞吐量吞吐量是按瀏覽器的類型繪制的,單位是每分鐘瀏覽量。 New Relic性能監控(三)瀏覽器端監控 2018-05-02 瑯琊書生本系列文章基于公司使用New Relic的經驗,鑒于國內較少有這方面的文章,因此把我工作中了解到的知識分享給大家,希...
摘要:性能概覽下圖為一個監控的的性能概覽頁面該頁面主要包含下面幾個部分的內容頁面加載時間曲線得分圖各瀏覽器的吞吐量會話追蹤,錯誤,以及響應時間。吞吐量吞吐量是按瀏覽器的類型繪制的,單位是每分鐘瀏覽量。 New Relic性能監控(三)瀏覽器端監控 2018-05-02 瑯琊書生本系列文章基于公司使用New Relic的經驗,鑒于國內較少有這方面的文章,因此把我工作中了解到的知識分享給大家,希...
摘要:性能監控一概覽瑯琊書生本系列文章基于公司使用的經驗,鑒于國內較少有這方面的文章,因此把我工作中了解到的知識分享給大家,希望可以給需要的朋友帶來幫助。提供了端到端的監控能力,從前端頁面性能,到后臺服務端的響應速度,都有非常詳盡的監控數據。 New Relic性能監控(一)概覽 2018-04-12 瑯琊書生本系列文章基于公司使用New Relic的經驗,鑒于國內較少有這方面的文章,因此把...
摘要:性能監控一概覽瑯琊書生本系列文章基于公司使用的經驗,鑒于國內較少有這方面的文章,因此把我工作中了解到的知識分享給大家,希望可以給需要的朋友帶來幫助。提供了端到端的監控能力,從前端頁面性能,到后臺服務端的響應速度,都有非常詳盡的監控數據。 New Relic性能監控(一)概覽 2018-04-12 瑯琊書生本系列文章基于公司使用New Relic的經驗,鑒于國內較少有這方面的文章,因此把...
摘要:性能監控一概覽瑯琊書生本系列文章基于公司使用的經驗,鑒于國內較少有這方面的文章,因此把我工作中了解到的知識分享給大家,希望可以給需要的朋友帶來幫助。提供了端到端的監控能力,從前端頁面性能,到后臺服務端的響應速度,都有非常詳盡的監控數據。 New Relic性能監控(一)概覽 2018-04-12 瑯琊書生本系列文章基于公司使用New Relic的經驗,鑒于國內較少有這方面的文章,因此把...
閱讀 3392·2021-09-22 15:17
閱讀 2740·2021-09-02 15:15
閱讀 1750·2019-08-30 15:54
閱讀 2001·2019-08-30 14:02
閱讀 2529·2019-08-29 16:58
閱讀 2988·2019-08-29 16:08
閱讀 1330·2019-08-26 12:24
閱讀 1653·2019-08-26 10:41