Tencent Cloud

性能监控

最后更新时间：2024-01-25 11:03:17

功能概述
性能监控是一站式前端监控解决方案，该功能为 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 文件和图片文件，若这些文件加载耗时较长、失败等，将直接对页面造成影响甚至瘫痪，静态资源监控将协助您分析前端静态资源情况。详情请参见 静态资源。

tencent cloud

Recent Pages

性能监控

功能概述

适用场景

操作步骤

数据监控

页面性能

页面访问

静态资源

本页内容是否解决了您的问题？

本页内容是否解决了您的问题？

tencent cloud

注册

登录

Recent Pages

性能监控

功能概述

适用场景

操作步骤

数据监控

页面性能

页面访问

静态资源

本页内容是否解决了您的问题？

本页内容是否解决了您的问题？