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

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

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

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

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

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

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

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

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

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

-JS代碼錯(cuò)誤、接口報(bào)錯(cuò)等客戶端錯(cuò)誤信息；

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

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

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

異常分析功能

如何在CDN插件中心使用RUM

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

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

Step.1

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

開(kāi)啟插件

Step.2

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

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

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

Step.3

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

插件主要提供以下功能：

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

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

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

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

資源加載概覽

資源加載視圖

資源請(qǐng)求TOP視圖

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

Step.4

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

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

RUM提供的頁(yè)面加載瀑布圖功能

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

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