工具指南
  • 诊断工具
    • 自助调试
  • 测速工具
    • 性能监控
  • Terraform
    • Terraform 简介
    • 安装和配置 Terraform
    • 通过 Terraform 配置站点加速
    • 通过 Terraform 配置规则引擎
  • IP 归属查询
Docs Overview/
工具指南/
测速工具/
性能监控/

性能监控

功能概述

性能监控是一站式前端监控解决方案，该功能为 EdgeOne 与 前端性能监控 的联动功能，专注于 Web 等前端场景监控。用户只需要将 SDK 安装到自己的项目中，通过简单配置，即可全方位守护用户页面质量。实现低成本使用和无侵入的监控，确保页面性能和前端质量的实时可观测。
说明：
性能监控每个应用每天50万免费上报数据量额度，对超过50万上报次数的部分进行计费，该功能费用不计入 EdgeOne 套餐，由前端性能监控侧收取。计费详情请参见 前端性能监控-购买指南。

适用场景

页面性能分析：包括首屏耗时、建立 TCP 连接耗时、TTFB 耗时、SSL 耗时等。同时还支持最新的 Web Vitals（谷歌针对网页加载速度和体验所提出的一套指标） 标准。全方位协助您优化用户体验。
用户访问分析：支持查看业务 PV/UV 数据，每个页面访问的 TOP 数据等，支持通过网络、浏览器、地区等多维度分析用户访问数据，实时了解并分析用户访问情况。
静态资源测速：支持资源测速，包括图片加载耗时和 CDN 资源耗时等。开发者可以查看某个页面下具体使用了哪些资源，每个资源的耗时情况等信息。

操作步骤

1. 登录 边缘安全加速平台控制台，在左侧导览中，单击测速工具 > 性能监控。
2. 首次进入性能监控页面时，由于性能监控是与腾讯云前端性能监控联动功能，需要您的单击开启，开启对应权限。


3. 在性能监控页面，单击应用接入。
4. 在应用接入对话框中，输入应用名称和描述，并勾选“我已知悉费用详情”框，单击下一步。


5. 根据接入类型安装 SDK。
<script> 标签引入的方式安装 SDK
5.1.1 在接入指引页面，复制提供的<script>标签代码。
5.1.2 把 <script> 标签引入类型下的代码引入到需要监控的网站的<head></head>标签中即可。


说明：
该接入方式使用 “h3-Q050” 协议，默认 cache-control 为 max-age=666，如果需要修改 cache-control，可以添加参数 max_age，例如：<script src="https://cdn-go.cn/aegis/aegis-sdk/latest/aegis.min.js?max_age=3600"></script>。
npm 方式安装 SDK
5.1 在接入指引页面，复制提供的首行命令，在您的开发环境中引入 aegis sdk。
5.2 引入之后，复制提供的代码，在您的 js 代码中初始化 SDK 即可。



数据监控

完成上述步骤接入后即可以前往页面性能、页面访问和静态资源界面查看相关数据。

页面性能

页面性能模块支持多维度分析页面性能情况，您可以通过性能变化趋势图、页面加载瀑布图、地区视图等维度分析首屏时间、请求响应等页面性能关键指标。详情请参见 页面性能。

页面访问

页面访问用于展示页面访问量情况（UV、PV、WAU、MAU），并支持多维度分析页面访问情况。详情请参见 页面访问。

静态资源

前端 HTML 页面中主要包含的静态资源有：JS 文件、CSS 文件和图片文件，若这些文件加载耗时较长、失败等，将直接对页面造成影响甚至瘫痪，静态资源监控将协助您分析前端静态资源情况。详情请参见 静态资源。