騰訊云CDN上線性能監(jiān)測插件，助力提升網(wǎng)站和小程序性能

內(nèi)容分發(fā)網(wǎng)絡（CDN）和前端性能監(jiān)控（RUM）的深度集成

為了方便騰訊CDN產(chǎn)品的用戶，更精確的監(jiān)測應用的CDN加速效果，CDN和RUM產(chǎn)品進行了深度集成。

用戶通過CDN控制臺的插件中心-性能監(jiān)測即可一鍵接入RUM，可以在插件中心直接查看網(wǎng)站/小程序JS、CSS、圖片等資源的真實加速性能。并且RUM為每個接入的域名提供每天50萬的免費上報額度，助力中小企業(yè)提升網(wǎng)站和小程序的用戶體驗。

為什么需要使用前端性能監(jiān)控（RUM）？

由于CDN訪問日志是從請求到達CDN邊緣節(jié)點開始記錄，難以體現(xiàn)用戶到CDN邊緣節(jié)點的最后一公里的真實訪問狀況，但往往是最后一公里的網(wǎng)絡狀況更為復雜。為了補齊CDN加速全鏈路監(jiān)控能力，通過RUM實現(xiàn)用戶發(fā)起請求到CDN完成響應的全鏈路訪問監(jiān)測，全面感知CDN加速效果。

前端性能監(jiān)控（RUM）是騰訊云提供的用戶真實體驗監(jiān)測工具，只要一行代碼即可完成網(wǎng)站或小程序接入。

基于騰訊內(nèi)部多年實踐，每天支持4000億數(shù)據(jù)上報量

域名接入前端性能監(jiān)控（RUM）后，可以在騰訊云控制臺查看以下數(shù)據(jù)，幫助解決用戶真實體驗和CDN邊緣節(jié)點統(tǒng)計數(shù)據(jù)不一致的問題：

-網(wǎng)站和小程序的首屏耗時、頁面性能等；

-JS代碼錯誤、接口報錯等客戶端錯誤信息；

-頁面日志查詢，還原異常發(fā)生現(xiàn)場；

-JS、CSS、圖片加載時長等靜態(tài)資源。

如下為前端性能監(jiān)控（RUM）的異常分析功能示例圖，展示出JS加載異常、CSS加載異常、音視頻資源異常等信息，從用戶視角來衡量網(wǎng)站資源的加載情況。

異常分析功能

如何在CDN插件中心使用RUM

如下圖所示，CDN控制臺插件中心上線了由RUM提供的性能監(jiān)測組件，已經(jīng)在CDN接入的域名，可以快速接入RUM。

點擊插件中心，即可看到性能監(jiān)測插件

Step.1

點擊性能監(jiān)測插件右側(cè)的開啟按鈕，首次開通需要進行前端性能監(jiān)控服務的授權，授權后即可成功開啟性能監(jiān)測服務。

開啟插件

Step.2

成功打開插件后，可以點擊跳轉(zhuǎn)進入應用列表。單擊新建接入后，選擇已經(jīng)接入CDN的域名，將SDK安裝到應用后，即完成了全部的接入操作。

1.選擇需要接入的域名：

2.在需要監(jiān)測的應用前端代碼中引入指定的<script>標簽內(nèi)容：

Step.3

點擊匯總分析，進入應用數(shù)據(jù)詳情，可以查看更詳細的性能信息：

插件主要提供以下功能：

-資源加載概覽，包括加載數(shù)、成功率、失敗次數(shù)和請求耗時；

-資源加載視圖，包括加載數(shù)量、TCP連接時間、DNS查詢時間等；

-資源請求TOP視圖，包括資源請求量的排名和耗時平均數(shù)；

-資源加載數(shù)量地圖視圖，給出更宏觀的資源請求分布視角。

資源加載概覽

資源加載視圖

資源請求TOP視圖

資源加載數(shù)量地圖視圖

Step.4

如需查看更多維度的數(shù)據(jù)，或在應用發(fā)生CDN資源加載緩慢等問題時及時獲取通知，可以點擊頁面加載瀑布圖和告警配置標簽欄獲取更多功能。

點擊頁面加載瀑布圖即可獲取更多維度數(shù)據(jù)

RUM提供的頁面加載瀑布圖功能

更多插件使用說明，可以點擊查看文檔：https://cloud.tencent.com/document/product/228/70968

如上即為騰訊云為開發(fā)者提供的兩大利器。通過騰訊云內(nèi)容分發(fā)式網(wǎng)絡（CDN）和騰訊云前端性能監(jiān)控（RUM），能夠大幅提升網(wǎng)站和小程序的加載速度，實現(xiàn)1+1>2的效果，提升用戶數(shù)量和業(yè)務收入。