tencent cloud

文档反馈

静态资源

最后更新时间:2024-11-01 19:27:48
    前端 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 视图
    自定义视图,由您自定义上报时传入参数。
    
    联系我们

    联系我们,为您的业务提供专属服务。

    技术支持

    如果你想寻求进一步的帮助,通过工单与我们进行联络。我们提供7x24的工单服务。

    7x24 电话支持