前端性能监控（RUM）

简介

腾讯云前端性能监控 (RUM) 是一站式前端监控解决方案，用户只需要安装 sdk 到自己的项目中，通过简单配置化，即可实现对用户页面质量的全方位守护，真正做到了低成本使用和无侵入监控。前端性能监控专注于 Web，小程序等大前端领域，主要关注用户页面性能（页面测速，接口测速，CDN 测速等）、质量（JS 错误，Ajax 错误等），并且通过联动腾讯云应用性能监控实现对前后端监控一体化的打通。

点击文末"阅读原文" 立即申请体验 RUM。

为什么要有前端监控

作为一名前端开发者，想必你一定遇到过这些问题。

业务报错无处查，用户环境复杂多变，线上问题复现困难。

监控系统众多，往往一个项目内集成了很多上报代码，有时候数据上报代码甚至多余业务代码。

计算首屏没有统一的标准，项目中打了很多点来上报首屏。

API 或者静态资源报错导致页面不可用或出错，开发者无感知。

用户反馈问题，前端查到接口超时或者报错，后端查日志发现没有找到请求。

针对前端开发者最常遇到的疑难病症，腾讯云前端监控给出了简单易用、性能卓越的解决方案。

相较于后端监控，前端监控更贴近于用户，能高效反馈真实用户使用我们产品过程中的体验，于开发者而言，前端监控是聚焦在技术领域的监控产品，对于产品性能质量提升、发现现网问题都是非常重要的工具。

产品特性

01

多平台

目前支持 Web、Hippy、小程序（微信、QQ）、Hippy、Viola 等平台的数据上报，支持无打点首屏测速、资源测速、API 测速、白名单机制、离线日志等特性。

02

无侵入

在使用 SDK 时无需在业务代码中打点或者做任何其他操作，可以做到与业务代码充分解耦。SDK 将会自动监控前端错误，在错误发生时上报错误的具体情况，帮助您快速定位问题。当您开启资源测速时，SDK 将会自动监听页面资源加载情况（耗费时长、成功率等），并在不影响前端性能的前提下收集前端的性能数据，帮助您快速定位性能短板，提升用户体验。

03

低成本

使用腾讯云前端监控，几乎没有学习成本，只要您有过基础的前端知识，就可以放心的使用。

04

功能齐全

腾讯云前端监控目前提供包括监控、告警、日报、报表、白名单配置、数据查询等开发者服务，与企业微信、邮件系统打通，提供及时、快速的消息反馈。

同时提供友好的开发者平台，是专为前端同学设计的一站式项目周期管理、项目监控平台，在此完成项目申请并接入前端 SDK 之后，即可快速查看相关项目数据信息。平台从开发者角度出发，聚焦于发现问题和提高效率，用顺应直觉的交互及直观的图表，帮助您洞悉存在于数据背后的未知。

开始使用

接入一个项目只需 3 分钟，遇到任何困难都可以联系我们。

项目申请

如果您是第一次使用前端监控，首先需要去开发者平台创建一个团队，然后申请项目，获取一个项目唯一的上报 key，该上报 key 是项目的唯一标识，是一串长度为 18 的字符串。

说明：

1. 应用域名校验是为了检验项目上报域名合法性的规则，比如您的页面地址是 `https://app.qq.com`，则这里只需要填写 `app.qq.com` 即可，如果有多个域名也可以填写 `*.qq.com` 或者直接填 `*` 表示域名不需要校验。

2. 抽样率可以控制用户侧性能数据上报的比例，其中 100% 表示不抽样，0% 表示完全不上报性能数据，性能数据包括：页面测速，接口测速和静态资源测速。

3. URL 聚类是指将类似的 url 聚合成为一个，比如 `app.qq.com/user/123/index.html` 和 `app.qq.com/user/456/index.html ` 会聚类成为 `app.qq.com/user/*/index.html `。 

安装 SDK

我们为用户提供了两种方式来使用前端监控

使用我们为您提供的 CDN 来使用， 只需要将这段代码放在您项目 html 的 head 里面即可 <script src="https://cdn-go.cn/aegis/aegis-sdk/latest/aegis.min.js"></script>

使用 npm 包的方式（待上线）

初始化 SDK

```javascriptconst aegis = new Aegis({    id: 'pGUVFTCZyewxxxxx' // 前面申请的上报key（必填）  uin: 'xxx', // 用户唯一标识（可选）  reportApiSpeed: true, // 接口测速  reportAssetSpeed: true, // 静态资源测速     spa: true, // 当前页面是否是 SPA 应用});

如果您有任何疑问，欢迎添加云监控团队微信号，

回复 RUM，进入专属用户群。