tencent cloud

前端性能监控

产品简介
产品概述
产品功能
应用场景
购买指南
计费概述
购买方式
欠费说明
快速入门
操作指南
应用接入
数据总览
页面性能
性能数据分析
异常分析
页面访问
API 监控
静态资源
自定义测速
自定义事件
应用管理
访问管理
告警策略
接入指南
Web 应用场景
小程序场景
API 文档
History
Introduction
API Category
Making API Requests
Console APIs
Business System and Project Information APIs
Page Performance APIs
Custom Speed Test APIs
Custom Event APIs
Monitoring APIs
Exception Analysis APIs
Page Visit APIs
Static Resource Monitoring APIs
Log APIs
Page Performance APIs
Data Types
Error Codes
常见问题
产品相关问题
技术排查相关问题
使用相关问题
服务协议
RUM 隐私协议
RUM 数据处理和安全协议
前端性能监控服务协议
终端性能监控隐私协议
终端性能监控数据处理和安全协议
文档前端性能监控操作指南静态资源

静态资源

PDF
聚焦模式
字号
最后更新时间： 2024-01-22 19:39:30
前端 HTML 页面中主要包含的静态资源有：JS 文件、CSS 文件和图片文件，若这些文件加载耗时较长、失败等，将直接对页面造成影响甚至瘫痪，静态资源监控将协助您分析前端静态资源情况。本文将为您介绍如何静态资源监控。

操作前提

已完成 应用接入。

操作步骤

1. 登录前端性能监控控制台。
2. 在左侧菜单栏中单击静态资源。
3. 进入静态资源页面即可查看静态资源情况。

汇总分析

展示静态资源关键指标变化趋势图，包括静态资源耗时、成功率等。
单击上方的图例可取消或展示对应的数据。
支持按时间段或近14天粒度展示变化趋势图。
在曲线中拖动鼠标可展示某一时刻静态资源耗时。
鼠标移动到圆形位置并左右拖动圆形，可调整图表时间跨度。

页面分析

展示所有页面下所有静态资源平均耗时情况。

TOP 视图

资源请求 TOP 视图：按资源请求数量排序展示，最多可展示1000个静态资源。
资源请求失败 TOP 视图：按资源请求失败数量排序展示，最多可展示1000个静态资源。

其它视图

视图名称
说明
网络/平台视图
用饼图形式展示来自各区域的静态资源请求数量、占比、平均耗时、成功率、TCP 连接时间及 DNS 查询时间。其中网络包括 3G、4G、WIFI 等，平台包括 Macos、Windows、IOS 等。
ISP 视图
用饼图形式展示来自各运营商的静态资源请求数量、占比、平均耗时、成功率、TCP 连接时间及 DNS 查询时间。运营商包括移动，电信、联通等。
地区视图
用饼图形式展示来自各区域的静态资源请求数量、占比、平均耗时、成功率、TCP 连接时间及 DNS 查询时间。
品牌/机型视图
用饼图形式展示来自手机品牌/机型的静态资源请求数量、占比、平均耗时、成功率、TCP 连接时间及 DNS 查询时间。
浏览器视图
用饼图形式展示来自各浏览器的静态资源请求数量、占比、平均耗时、成功率、TCP 连接时间及 DNS 查询时间。
Version 视图
用饼图形式展示来自各应用版本的静态资源请求数量、占比、平均耗时、成功率、TCP 连接时间及 DNS 查询时间。您可以通过在接入应用时的 new Aegis 传入 version 来自定义研发相关的版本信息，默认使用 SDK 的版本。
Ext1 视图、Ext2 视图、Ext3 视图
自定义视图，由您自定义上报时传入参数。

上一篇: API 监控下一篇: 自定义测速

帮助和支持

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

填写满意度调查问卷，共创更好文档体验。

文档反馈