内容分发网络（CDN）和前端性能监控（RUM）的深度集成

为了方便腾讯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视图，包括资源请求量的排名和耗时平均数；

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

资源加载概览

资源加载视图

资源请求TOP视图

资源加载数量地图视图

Step.4

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

点击页面加载瀑布图即可获取更多维度数据

RUM提供的页面加载瀑布图功能

更多插件使用说明，可以点击查看文档：https://cloud.tencent.com/document/product/228/70968

如上即为腾讯云为开发者提供的两大利器。通过腾讯云内容分发式网络（CDN）和腾讯云前端性能监控（RUM），能够大幅提升网站和小程序的加载速度，实现1+1>2的效果，提升用户数量和业务收入。