页面分析主要展示透视宝监控的网站页面真实用户体验数据。

提醒:在使用浏览器应用页面分析前,您需要确保已具有浏览器应用页面分析的页面访问权限和apm数据的查看或维护权限。如果您没有相关权限,请联系用户中心管理员为您配置权限。相关操作管理员请参见授权

配置入口:门户首页>APM-Browser>浏览器应用卡片>页面分析

1648612256802541.png

页面分析默认页展示当前应用服务的页面矩形树图、页面统计信息、页面列表

  • 页面矩形树图以矩形面积占比的形式,展示当前应用服务页面访问数和页面请求错误数最多的20个页面信息。其中页面请求错误数包括JS错误数和ajax错误数。

    鼠标移入单个矩形面积区域,弹框展示当前页面名称和访问次数(错误数),单击单个矩形面积区域,跳转至当前页面的快照页,可查看页面趋势图和快照列表。

  • 页面统计信息指标如下表:

指标

说明

白屏最久页面

指页面加载总次数的平均白屏时间最久的页面url。

其中白屏时间,指从用户发起页面请求到页面加载出第一个内容的时间。

首屏最久页面

指页面加载总次数的平均首屏时间最久的页面url。

其中首屏时间,指从用户发起页面请求到页面加载完成的时间。

首字节最久页面

指页面加载总次数的平均首字节时间最大的页面url。

其中首字节时间,指从用户发起页面请求到页面加载出第一个字节的时间。

停留最久页面

指页面停留总次数的平均停留时间最大的页面url。

其中停留时间,指从用户进入页面到离开当前页面的时间。

DOM加载最久页面

指页面加载总次数的平均DOM加载时间最久的页面url

其中DOM加载时间是从开始加载到加载完成所需的时间。

页面渲染最久页面

指页面加载总次数的平均页面渲染时间最大的页面url。

其中页面渲染时间,指页面加载过程中进行样式渲染和数据渲染的时间。

  • 页面列表展示当前应用在当前时间段某个页面url的统计指标,描述如下:

指标

说明

页面名称

页面url别名。

说明:您可以将鼠标悬停于目标请求别名处,单击image.png,在编辑框修改别名,单击image.png保存。

页面url

页面请求url。

响应时间

指从用户发起页面请求到页面接收到后端反馈的数据的一段时间。

白屏时间

指从用户发起页面请求到页面加载出第一个内容的时间。

首字节时间

指从用户发起页面请求到页面接收到后端反馈的第一个字节的时间。

访问次数

指页面url请求总次数。

缓慢次数

指从用户发起页面请求到页面加载完成的时间超过页面缓慢阈值的页面请求数

Js错误数

指发生JS错误的页面请求数。

Ajax错误数

指发生Ajax错误的页面请求数

l  单击1648612461341071.png,在下拉列表勾选需要展示或隐藏的指标项。默认隐藏项包括每分钟请求数、页面渲染时间、DOM准备时间、DNS时间、TCP时间、前端时间、HTML下载时间、DOM建立时间、服务器连接时间。

l  单击1648612477844649.png标识的指标项列名可以按照正序或倒序对页面列表重排序,方便您从关注的指标维度查看页面url。

l  单击导出excel,快照列表将以excel的形式保存到本地。

l  单击页面url,查看页面状态时间趋势图访问单个页面url的快照列表,详细说明参见分析浏览器单个页面请求。

分析浏览器单个页面请求

页面列表页面url列,单击目标url,定位用户单个访问浏览器页面url的页面加载问题。

1648612829571679.png

您可以查看当前应用服务在当前时间段的页面状态时间趋势图和所有单次访问的页面快照。

页面趋势图中,您可以按照时间节点,查看不同页面加载状态的发生次数柱状图和平均响应时间折线图。页面加载状态包括正常、缓慢、崩溃、错误,分别使用绿色、黄色、橙色和红色的柱状图区分。

快照列表中,您可以查看当前页面url在选择时间段的单次加载指标信息。

  • 选择不同的页面加载状态响应时间范围来筛选快照列表,从而查看符合响应时间条件的单一页面加载状态的单次页面快照列表。

  • 高级筛选里设置白屏时间、首屏时间、首字节时间来筛选符合条件的快照列表。

  • 编辑框输入用户标识,单击1648612864646683.png,查找目标用户,定位踪目标用户的页面加载问题。

l  单击1648612879120524.png,在下拉列表勾选需要展示或隐藏的指标项。

l  单击1648612896120559.png标识的指标项列名可以按照正序或倒序对快照列表重排序,方便您从关注的指标维度定位页面url问题。

l  单击导出excel,快照列表将以excel的形式保存到本地。

l  单击目标页面url,查看单个页面快照分析,详细说明参见分析浏览器单次页面请求。

l  单击目标用户标识,进入用户分析页面,详细说明参见分析单个浏览器应用用户。

l  单击目标URL所在操作列的堆栈追踪,查看后端堆栈详情。

分析浏览器单次页面请求

单个url快照列表,单击目标url,打开对应的快照详情页。您能够查看当前url执行的详情,包括基本信息、响应时间分解时序图、资源加载时序图、错误详情。

image.png

1648619789378855.png

1648619795948297.png

响应时间分解图对具体单次请求的终端响应时间进行分解,帮您诊断影响耗时的具体环节。

资源加载时序图对页面中各种资源的加载时间进行详细统计,帮您发现页面资源是否重复使用、结构是否合理、是否存在网络问题。

1648619805902326.png

堆栈追踪

单个url快照列表,单击目标url所在操作列的堆栈追踪,查看后端代码、服务和数据库性能分析,帮助您定位性能问题,真正实现端到端分析。