前端性能监控服务-腾讯云
专用API
【更新时间: 2024.08.08】
腾讯前端性能监控服务，用于Web和小程序的前端真实体验监控服务，基于腾讯内部多年实践，一行代码、无侵接入，实现页面性能和前端质量的实时可观测。
1万条 / 0.08美元
去服务商官网采购>
|
服务星级：2星
浏览次数
12
采购人数
0
试用次数
0
SLA: N/A
响应: N/A
适用于个人&企业
收藏
×
完成
取消
×
书签名称
确定
|
相似API
- API详情
- 定价
- 使用指南
- 常见 FAQ
- 关于我们
- 相关推荐
产品介绍
什么是腾讯云的前端性能监控服务?
腾讯前端性能监控服务是一款基于腾讯云的前端性能监控工具，专门用于检测和分析Web应用的各项性能指标。该服务通过采集用户在使用Web应用过程中产生的各类数据，包括页面加载时间、资源加载情况、用户交互响应时间等，帮助开发者了解应用的真实性能表现。通过详细的数据分析和实时监控，腾讯前端性能监控服务能够帮助开发者识别性能瓶颈、定位错误来源，并提供优化建议，从而显著提升Web应用的整体性能和用户体验。
什么是腾讯云的前端性能监控服务？
由服务使用方的应用程序发起，以Restful风格为主、通过公网HTTP协议调用腾讯云的前端性能监控服务，从而实现程序的自动化交互，提高服务效率。
腾讯云的前端性能监控服务有哪些核心功能？
|
日志上报 开发者可以上报任意数据到前端监控平台，其中包括一般性日志、自定义事件、自定义测速等，用来满足前端开发者日志收集的诉求。 |
错误收集 前端性能监控主动收集浏览器执行 JS 代码报错、接口信息报错、资源加载异常、Promise 异常等报错，开发者只需接入 SDK 即可实现所有错误收集的功能。 |
性能监控 前端性能监控支持首屏耗时、建立 TCP 连接耗时、TTFB 耗时、SSL 耗时等页面性能监控。通过加载速度，交互性和视觉稳定性三个角度反映用户的体验情况，协助您进行用户体验优化。 |
|
资源测速 资源测速支持对图片加载耗时，CDN 资源耗时等测速。您可以通过多种度视图（地域、ISP、浏览器等）多维度分析接口性能情况。 |
接口测速 前端性能监控支持查看每个页面下的 API 调用情况，包括调用成功率、成功或失败的平均耗时、失败次数等。您可以通过多种度视图（地域、ISP、浏览器等）多维度分析接口性能情况 |
智能告警 前端性能监控结合云监控告警能力，提供更可靠易用的错误，页面耗时，性能数据等异常告警。当这些指标超过您设定的阈值时，将会实时为您发送告警通知。 |
腾讯云的前端性能监控服务的核心优势是什么？
- 全面的性能指标：腾讯前端性能监控服务提供了丰富的性能指标和详细的数据分析，帮助开发者全面了解应用的性能表现。
- 实时监控和告警：支持实时监控和即时告警功能，帮助开发者第一时间发现和解决性能问题，减少故障对用户体验的影响。
- 易于集成：该服务提供简单易用的SDK，开发者可以轻松集成到现有的Web应用中，快速开始监控和分析。
- 强大的数据分析能力：依托腾讯云的强大计算和分析能力，提供精准的性能数据和优化建议，帮助开发者有效提升应用性能。
- 灵活的定制化功能：支持自定义事件监控和多维度的数据分析，满足不同应用和业务场景的特定需求。
在哪些场景会用到腾讯云的前端性能监控服务？
|
电商网站性能优化 在大型电商网站中，页面加载速度和交互响应时间对用户体验至关重要。使用腾讯前端性能监控服务，可以实时监控各类性能指标，识别和优化性能瓶颈，提升用户的购物体验，从而增加转化率和销售额。 |
|
|
|
金融服务应用监控 金融服务应用对性能和稳定性有着极高的要求。通过腾讯前端性能监控服务，金融机构可以实时监控应用的运行状况，快速发现和解决性能问题，确保交易过程的顺畅和用户数据的安全。 |
|
前后端一体化监控 通过与腾讯云应用性能观测的深度整合，实现前后端应用的统一监控。这种一体化监控方案能够全面覆盖应用的各个层面，从前端用户交互到后端数据处理，确保性能问题无处遁形，为应用的稳定运行提供坚实保障。 |
|
 |
应用性能优化 利用监控系统收集的详尽数据，深入分析应用性能表现。通过识别性能低下的原因，我们可以制定有效的优化策略，提升应用的加载速度和用户交互的响应性，从而显著增强用户的整体使用体验。 |
产品架构
前端性能监控结合腾讯云云监控和腾讯云日志服务，为您提供 Web、小程序（微信、QQ）、React Native、Hippy、Flutter 等前端性能监控场景。在前端性能出现异常时，云监控告警将会第一时间通知您，您还可以通过监控大盘实时查看核心指标变化趋势，实时了解前端性能情况。帮助您降低页面加载时间、减少 JS 和 Ajax 错误，有效提升用户体验。
产品价格
收费规则
目前仅支持结按量付费（后付费），即先使用后付费，计费周期为按小时结算。 前端性能监控的收费项为上报数据量，在前端性能监控存储一条数据算一次上报（包括 PV、API 统计次数、静态资源统计次数、错误日志次数、自定义上报次数）。
单个主账号每天共享50万免费上报数据量额度。
对超过50万上报次数的部分进行计费。
产品定价和计算公式
每天每业务系统上报计算价格：
|
计费项
|
价格（美元）
|
|
上报数据量（万）
|
0.08
|
计算公式 = 上报数据量(万) × 每万上报量单价
预估前端性能监控成本
预估每日上报数据量
计算公式 = (PV + API 统计次数 + 静态资源统计次数 + 错误日志次数 + 自定义上报次数) - 50万
示例
假设您只有一个应用，该应用平均每天PV上报量为100万，API 统计次数为500万，静态资源统计次数为90万，错误日志次数为10万，自定义上报次数为20万。则每月产生的金额计算方式如下： 计算数据量（万）= [(100万 + 500万+ 90万 + 10万 + 20万) - 50万（每应用免费额度）] × 30天 = 20100万上报数据量 金额（美元）= 20100万上报数据量 × 0.08美元 = 1608美元
使用指南
快速入门
步骤1：创建业务系统
1. 登录 前端性能监控控制台。
2. 在左侧菜单栏点击 应用管理>业务系统。
3. 在业务系统管理页单击创建业务系统，在弹框中填写业务名称并勾选相关协议即可。
步骤2：接入应用
1. 登录 前端性能监控控制台。
2. 在左侧菜单栏中单击数据总览。
3. 在数据总览页单击应用接入，根据下列表格配置应用信息。
|
配置项
|
说明
|
|
应用名称
|
自定义应用名称，方便您在前端监控平台辨识该应用。
|
|
应用描述
|
填写应用描述 ，如应用用途、应用简介等，方便用户了解该应用。
|
|
应用类型
|
支持 Web 、小程序（微信、QQ）、Hippy、Weex 、 React Native、Flutter、Cocos 应用类型接入。
|
|
应用代码仓库地址（可选）
|
填写您的应用仓库地址，可不填写。
|
|
数据上报域名
|
* 表示不对上报域名进行校验。
|
|
所属业务系统
|
该功能用于分类管理您接入的应用，您可以根据研发团队、业务逻辑、应用类别等进行应用分类管理。若您没有可用团队，您可以单击右侧的创建链接，填写完信息后，单击购买即创建成功。
|
4.配置完后单击下一步，参考下列说明选择一种方式安装 SDK 。
npm 方式安装 SDK（所有应用类型均可使用该方式接入）。下列以 Web 应用为例来说明如何通过 npm 方式接入 SDK。 i. 在接入指引页面中复制提供的首行命令，引入 npm 包。
ii. 在接入指引页面中复制提供的代码初始化 SDK。
<script> 标签引入方式接入 SDK（仅支持 Web 接入类型）。 i. 在接入指引页面复制提供的
<script> 标签 代码。 ii. 把**<script> 标签引入**类型下的代码引入到 <head></head> 标签中即可。
说明
按照上述步骤接入后即可使用数据总览、页面性能、异常分析、页面访问（PV、UV）、API 监控和静态资源功能。如需使用日志查询、自定义测速和自定义事件，需参考接入指引上报数据。
步骤3：查看监控数据
详情参考：https://cloud.tencent.com/document/product/1464/58134
产品问答
?
Aegis SDK 的作用是什么？
Aegis SDK 是嵌入到用户页面或者使用 npm 安装到用户代码中的上报 SDK，主要负责采集用户侧性能和质量数据。
?
RUM是什么？
前端性能监控（Real User Monitoring，RUM）是一站式前端监控解决方案，专注于 Web 和小程序等大前端领域，主要关注用户页面性能（页面测速，接口测速，CDN 测速等）和质量（JS 错误，Ajax 错误等），并且联动腾讯云应用性能监控实现前后端一体化监控。用户只需要安装 SDK 到自己的项目中，通过简单配置化，即可实现对用户页面质量的全方位守护，真正做到了低成本使用和无侵入监控。
?
自定义测速耗时为什么仅支持 0 - 60000 之间的数据？
自定义测速的逻辑是用户上报任意数据，我们对用户数据进行求均值和中位数，并把它们作为展示的数据。由于无法判断服务端的脏数据，若产生少量脏数据，将会对用户实际数据会产生非常大的影响。因此我们目前在服务端对用户数据进行了限制，目前只支持 0-60000 内的数据。
?
代码中 throw new Error Aegis SDK 没有捕获到，该如何处理？
在 VUE 框架中，Vue.config.errorHandler 会主动捕获错误，可以通过主动捕获再调用 aegis.error() 进行上报。
?
为什么接入 SDK 后没有数据？
没有数据可以从以下方向查找问题： 1. 查看上报接口（aegis.qq.com）返回是否正常，正常返回 200 和 204，如果接口返回 403 可以看下一个问题。 2. 看日志查询里面页面访问和历史是否有数据，如果没有数据，有可能是上报延迟导致（1-2min）。 3. 数据总览里面的数据是每整数小时计算一次，如果没有数据可以看下是否上个小时没有页面访问，或者新接入还没开始计算。 4. 如果是页面性能没有数据，或者缺少数据，可以看下 network 中上报接口 performance 中的 firstScreenTiming 的值，如果这个值为0，或者大于15s，就会导致页面性能缺少数据。 解决办法：把 sdk 初始化尽可能放在代码最前面，可以考虑用 cdn 并且在 head 中初始化代码，尤其对于一些 SSR 的页面，因为页面首屏时间较小，初始化 sdk 过晚会导致无法采集到页面首屏信息。 5. 对于日志中没有数据，尤其刚刚接入的应用，因为 Aegis SDK 默认只采集错误日志，例如接口报错、js 错误、promise 错误等，所以刚刚接入会看不到日志。开发者可以主动上报一些日志（aegis.infoAll、aegis.report等），看是否有数据。如果有需要，也可以开启全量接口上报（api.reportRequest），查看上报的接口的信息。
?
RUM 根据哪个字段来计算 UV？
Aegis SDK 为每个用户独立生成一个 aid 作为用户（设备）的唯一标识，存储在浏览器的 localStorage，用于计算 UV。aid 不受登录状态影响，只有用户清理浏览器缓存 aid 才会更新。
关于我们
腾讯云计算（北京）有限责任公司是腾讯云的运营主体，提供包括云服务器、数据库、人工智能、容器服务等在内的300多款云计算产品。公司依托腾讯强大的技术积累，构建了覆盖全球的云计算基础设施，致力于帮助企业实现数字化转型，推动产业升级。腾讯云以安全、稳定、高效的服务，赢得了众多行业客户的信任，成为推动数字经济发展的重要力量。
联系信息
服务时间：
7*24
电话号码：
+852 800 906 020（中国香港）
电话号码：
+1 844 606 0804（美国）
电话号码：
+44 808 196 4551（英国）
邮箱：
cloudlegalnotices@tencent.com
网页在线客服：
咨询
为何选择腾讯云
了解各行各业的领先企业为何选择腾讯云来解决最艰巨的挑战。
|
|
|
|
|
|
|
• 全球覆盖：已开通全球21个地理区域，运营58个可用区，提供超过3200全球CDN节点，为更多企业提供强有力的技术支持，促进业务快速扩张。 |
|
|
合作客户
API接口列表
产品价格
收费规则
目前仅支持结按量付费（后付费），即先使用后付费，计费周期为按小时结算。 前端性能监控的收费项为上报数据量，在前端性能监控存储一条数据算一次上报（包括 PV、API 统计次数、静态资源统计次数、错误日志次数、自定义上报次数）。
单个主账号每天共享50万免费上报数据量额度。
对超过50万上报次数的部分进行计费。
产品定价和计算公式
每天每业务系统上报计算价格：
|
计费项
|
价格（美元）
|
|
上报数据量（万）
|
0.08
|
计算公式 = 上报数据量(万) × 每万上报量单价
预估前端性能监控成本
预估每日上报数据量
计算公式 = (PV + API 统计次数 + 静态资源统计次数 + 错误日志次数 + 自定义上报次数) - 50万
示例
假设您只有一个应用，该应用平均每天PV上报量为100万，API 统计次数为500万，静态资源统计次数为90万，错误日志次数为10万，自定义上报次数为20万。则每月产生的金额计算方式如下： 计算数据量（万）= [(100万 + 500万+ 90万 + 10万 + 20万) - 50万（每应用免费额度）] × 30天 = 20100万上报数据量 金额（美元）= 20100万上报数据量 × 0.08美元 = 1608美元
使用指南
快速入门
步骤1：创建业务系统
1. 登录 前端性能监控控制台。
2. 在左侧菜单栏点击 应用管理>业务系统。
3. 在业务系统管理页单击创建业务系统，在弹框中填写业务名称并勾选相关协议即可。
步骤2：接入应用
1. 登录 前端性能监控控制台。
2. 在左侧菜单栏中单击数据总览。
3. 在数据总览页单击应用接入，根据下列表格配置应用信息。
|
配置项
|
说明
|
|
应用名称
|
自定义应用名称，方便您在前端监控平台辨识该应用。
|
|
应用描述
|
填写应用描述 ，如应用用途、应用简介等，方便用户了解该应用。
|
|
应用类型
|
支持 Web 、小程序（微信、QQ）、Hippy、Weex 、 React Native、Flutter、Cocos 应用类型接入。
|
|
应用代码仓库地址（可选）
|
填写您的应用仓库地址，可不填写。
|
|
数据上报域名
|
* 表示不对上报域名进行校验。
|
|
所属业务系统
|
该功能用于分类管理您接入的应用，您可以根据研发团队、业务逻辑、应用类别等进行应用分类管理。若您没有可用团队，您可以单击右侧的创建链接，填写完信息后，单击购买即创建成功。
|
4.配置完后单击下一步，参考下列说明选择一种方式安装 SDK 。
npm 方式安装 SDK（所有应用类型均可使用该方式接入）。下列以 Web 应用为例来说明如何通过 npm 方式接入 SDK。 i. 在接入指引页面中复制提供的首行命令，引入 npm 包。
ii. 在接入指引页面中复制提供的代码初始化 SDK。
<script> 标签引入方式接入 SDK（仅支持 Web 接入类型）。 i. 在接入指引页面复制提供的
<script> 标签 代码。 ii. 把**<script> 标签引入**类型下的代码引入到 <head></head> 标签中即可。
说明
按照上述步骤接入后即可使用数据总览、页面性能、异常分析、页面访问（PV、UV）、API 监控和静态资源功能。如需使用日志查询、自定义测速和自定义事件，需参考接入指引上报数据。
步骤3：查看监控数据
详情参考：https://cloud.tencent.com/document/product/1464/58134
依赖服务
产品问答
?
Aegis SDK 的作用是什么？
Aegis SDK 是嵌入到用户页面或者使用 npm 安装到用户代码中的上报 SDK，主要负责采集用户侧性能和质量数据。
?
RUM是什么？
前端性能监控（Real User Monitoring，RUM）是一站式前端监控解决方案，专注于 Web 和小程序等大前端领域，主要关注用户页面性能（页面测速，接口测速，CDN 测速等）和质量（JS 错误，Ajax 错误等），并且联动腾讯云应用性能监控实现前后端一体化监控。用户只需要安装 SDK 到自己的项目中，通过简单配置化，即可实现对用户页面质量的全方位守护，真正做到了低成本使用和无侵入监控。
?
自定义测速耗时为什么仅支持 0 - 60000 之间的数据？
自定义测速的逻辑是用户上报任意数据，我们对用户数据进行求均值和中位数，并把它们作为展示的数据。由于无法判断服务端的脏数据，若产生少量脏数据，将会对用户实际数据会产生非常大的影响。因此我们目前在服务端对用户数据进行了限制，目前只支持 0-60000 内的数据。
?
代码中 throw new Error Aegis SDK 没有捕获到，该如何处理？
在 VUE 框架中，Vue.config.errorHandler 会主动捕获错误，可以通过主动捕获再调用 aegis.error() 进行上报。
?
为什么接入 SDK 后没有数据？
没有数据可以从以下方向查找问题： 1. 查看上报接口（aegis.qq.com）返回是否正常，正常返回 200 和 204，如果接口返回 403 可以看下一个问题。 2. 看日志查询里面页面访问和历史是否有数据，如果没有数据，有可能是上报延迟导致（1-2min）。 3. 数据总览里面的数据是每整数小时计算一次，如果没有数据可以看下是否上个小时没有页面访问，或者新接入还没开始计算。 4. 如果是页面性能没有数据，或者缺少数据，可以看下 network 中上报接口 performance 中的 firstScreenTiming 的值，如果这个值为0，或者大于15s，就会导致页面性能缺少数据。 解决办法：把 sdk 初始化尽可能放在代码最前面，可以考虑用 cdn 并且在 head 中初始化代码，尤其对于一些 SSR 的页面，因为页面首屏时间较小，初始化 sdk 过晚会导致无法采集到页面首屏信息。 5. 对于日志中没有数据，尤其刚刚接入的应用，因为 Aegis SDK 默认只采集错误日志，例如接口报错、js 错误、promise 错误等，所以刚刚接入会看不到日志。开发者可以主动上报一些日志（aegis.infoAll、aegis.report等），看是否有数据。如果有需要，也可以开启全量接口上报（api.reportRequest），查看上报的接口的信息。
?
RUM 根据哪个字段来计算 UV？
Aegis SDK 为每个用户独立生成一个 aid 作为用户（设备）的唯一标识，存储在浏览器的 localStorage，用于计算 UV。aid 不受登录状态影响，只有用户清理浏览器缓存 aid 才会更新。
关于我们
腾讯云计算（北京）有限责任公司是腾讯云的运营主体，提供包括云服务器、数据库、人工智能、容器服务等在内的300多款云计算产品。公司依托腾讯强大的技术积累，构建了覆盖全球的云计算基础设施，致力于帮助企业实现数字化转型，推动产业升级。腾讯云以安全、稳定、高效的服务，赢得了众多行业客户的信任，成为推动数字经济发展的重要力量。
联系信息
服务时间：
7*24
电话号码：
+852 800 906 020（中国香港）
电话号码：
+1 844 606 0804（美国）
电话号码：
+44 808 196 4551（英国）
邮箱：
cloudlegalnotices@tencent.com
网页在线客服：
咨询
为何选择腾讯云
了解各行各业的领先企业为何选择腾讯云来解决最艰巨的挑战。
|
|
|
|
|
|
|
• 全球覆盖：已开通全球21个地理区域，运营58个可用区，提供超过3200全球CDN节点，为更多企业提供强有力的技术支持，促进业务快速扩张。 |
|
|
合作客户
合作案例
