腾讯云CDN上线性能监测插件，助力提升网站和小程序性能

为了方便腾讯CDN产品的用户，更精确的监测应用的CDN加速效果，CDN和RUM产品进行了深度集成。

 

用户通过CDN控制台的插件中心-性能监测即可一键接入RUM，可以在插件中心直接查看网站/小程序JS、CSS、图片等资源的真实加速性能。并且RUM为每个接入的域名提供每天50万的免费上报额度，助力中小企业提升网站和小程序的用户体验。

 

为什么需要使用前端性能监控（RUM）？

 

由于CDN访问日志是从请求到达CDN边缘节点开始记录，难以体现用户到CDN边缘节点的最后一公里的真实访问状况，但往往是最后一公里的网络状况更为复杂。为了补齐CDN加速全链路监控能力，通过RUM实现用户发起请求到CDN完成响应的全链路访问监测，全面感知CDN加速效果。

 

前端性能监控（RUM）是腾讯云提供的用户真实体验监测工具，只要一行代码即可完成网站或小程序接入。

基于腾讯内部多年实践，每天支持 4000 亿数据上报量

 

域名接入前端性能监控（RUM）后，可以在腾讯云控制台查看以下数据，帮助解决用户真实体验和CDN边缘节点统计数据不一致的问题：

• 网站和小程序的首屏耗时、页面性能等；

• JS代码错误、接口报错等客户端错误信息；

• 页面日志查询，还原异常发生现场；

• JS、CSS、图片加载时长等静态资源。

 

如下为前端性能监控（RUM）的异常分析功能示例图，展示出JS加载异常、CSS加载异常、音视频资源异常等信息，从用户视角来衡量网站资源的加载情况。

异常分析功能

 

如何在CDN插件中心使用RUM

 

如下图所示，CDN 控制台插件中心上线了由RUM提供的性能监测组件，已经在CDN接入的域名，可以快速接入RUM。

点击插件中心，即可看到性能监测插件

 

Step.1

点击性能监测插件右侧的开启按钮，首次开通需要进行前端性能监控服务的授权，授权后即可成功开启性能监测服务。

开启插件

 

Step.2

成功打开插件后，可以点击跳转进入应用列表。单击新建接入后，选择已经接入 CDN 的域名，将 SDK 安装到应用后，即完成了全部的接入操作。

 

1. 选择需要接入的域名：

 

2. 在需要监测的应用前端代码中引入指定的<script>标签内容：

 

Step.3

点击汇总分析，进入应用数据详情，可以查看更详细的性能信息：

 

插件主要提供以下功能：

• 资源加载概览，包括加载数、成功率、失败次数和请求耗时；

• 资源加载视图，包括加载数量、TCP连接时间、DNS查询时间等；

• 资源请求TOP视图，包括资源请求量的排名和耗时平均数；

• 资源加载数量地图视图，给出更宏观的资源请求分布视角。

 

 

Step.4

如需查看更多维度的数据，或在应用发生 CDN 资源加载缓慢等问题时及时获取通知，可以点击页面加载瀑布图和告警配置标签栏获取更多功能。

 

 

更多产品了解

欢迎扫码加入云巴巴企业数字化交流服务群

产品交流、问题咨询、专业测评

都在这里！