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