本文介绍 ARMS 前端监控的访问速度页面所包含的功能。

将应用成功接入 ARMS 前端监控后,您可以在访问速度页面上查看应用的以下性能数据:

左侧的页面访问速度排行,可按页面首次渲染时间指标排序和访问量指标排序,单击上箭头或下箭头可改变排序顺序。


页面加载详情

此模块展示以下指标:

  • 关键性能指标:
    • 首次渲染

    • 首屏时间

    • 首次可交互

    • DOM Ready

    • 页面完全加载时间

  • 区间段耗时:
    • DNS 查询

    • TCP 连接

    • 请求响应

    • 内容传输

    • DOM 解析

    • 资源加载

关于这些指标的计算方式,请参考统计指标说明



说明 折线图中数据是按照指定时间段内该指标数据的平均值展示的。平均值可以体现一段时间内性能的均值情况,但容易受到极值的影响,例如某次用户访问网络很差,导致整体页面加载非常慢,就会直接拉高平均值的数据。您可以使用去极值功能去除极值,避免极值影响性能的整体趋势。如果折线图中数据骤增,可以通过性能样本分布、慢页面会话追踪模块定位问题。

页面加载瀑布图

此瀑布图按照页面加载的顺序,直观地展示了各阶段的耗时情况。图中的数据是指定时间段内指定指标的平均值数据。如需优化性能,可结合具体阶段采取针对性的方法。



性能分布

此模块非常直观地展示了页面性能分布情况。

性能分层页签上,您可以看到以时间为横轴的堆积折线图,了解各时间点上的性能分布情况。

图 1. 性能分层


性能样本分布上,您可以看到页面加载时间在指定时间区间内的样本占比。例如,有多少比例的页面能够在 1 秒内打开,或者长尾访问用户的样本占比。

图 2. 性能样本分布


慢页面会话追踪

慢会话追踪功能可提供页面加载过程中静态资源加载的性能瀑布图,帮助您根据页面性能数据详细了解页面资源加载情况,并快速定位性能瓶颈。详情请参考慢会话追踪



页面加载分布情况

页面的加载是在用户端的浏览器上进行的,加载耗时与地理位置、网络状况、浏览器或运营商等因素有关,所以我们提供地理分布、终端分布、网络分布、版本分布等统计数据,以帮助您更好地定位性能瓶颈。

图 3. 地理分布

Geo View
图 4. 终端分布

Device View
图 5. 网络分布

Network View
图 6. 版本分布

Version View