關于Web的性能監(jiān)控相信大家或多或少都有所了解，那么什么是Web性能監(jiān)控？它有什么用處呢？顧名思義，就是監(jiān)控Web的性能。具體來講，就是我們打開一個網(wǎng)站的頁面需要多久之類的。Web性能監(jiān)控的好處和作用是顯而易見的，優(yōu)化好了Web的性能，才能給用戶更好的體驗感從而提升用戶留存率。本文就來帶領大家全面認識一下Web性能監(jiān)控，感興趣的朋友就接著看下去吧！

什么是Web性能監(jiān)控？

Web性能監(jiān)控有兩種分類，即合成監(jiān)控和真實用戶監(jiān)控。合成監(jiān)控是采用Web瀏覽器模擬器來加載網(wǎng)頁，通過模擬終端用戶可能的操作來采集對應的性能指標，最后輸出一個網(wǎng)站性能報告。例如：Lighthouse、PageSpeed、WebPageTest、Pingdom、PhantomJS 等。它的優(yōu)勢是無侵入性，且簡單快捷。不過不是真實的用戶訪問情況，只是模擬的，而且沒法考慮到登錄的情況，對于需要登錄的頁面就無法監(jiān)控到。

真實用戶監(jiān)控是一種被動監(jiān)控技術，是一種應用服務，被監(jiān)控的Web應用通過 sdk 等方式接入該服務，將真實的用戶訪問、交互等性能指標數(shù)據(jù)收集上報、通過數(shù)據(jù)清洗加工后形成性能分析報表。例如 FrontJs、oneapm、Datadog 等。其優(yōu)點是真實用戶訪問情況，還能觀察歷史性能趨勢，以及一些額外的功能，如報表推送、監(jiān)控告警等等。缺點是具有侵入性，在一定程度上會影響Web性能。

Web性能監(jiān)控有什么用處？

前面講過了，Web的性能一定程度上影響了用戶留存率。google開發(fā)者提出了一種RAIL模型來衡量應用性能，即：Response、Animation、Idle、Load，分別代表者Web應用生命周期的四個不同方面。并指出最好的性能指標是：100ms內(nèi)響應用戶輸入，動畫或者滾動需在10ms內(nèi)產(chǎn)生下一幀，最大化空間時間、頁面加載時長不超過5秒。我們可轉化為三個方面來看：響應速度、頁面穩(wěn)定性、外部服務調(diào)用。響應速度：頁面初始訪問速度+交互響應速度；頁面穩(wěn)定性：頁面出錯率；外部服務調(diào)用：網(wǎng)絡請求訪問速度。

Web性能監(jiān)控的概念和用處就分享到這里了。想學習更多web前端技巧，歡迎持續(xù)關注六星云課堂！