准备工作
登录与退出
快速入门
server快速入门
移动端快速入门
浏览器端快速入门
基础监控快速入门
配置告警指标
应用性能管理
管理应用服务
分析服务性能
查看应用概览
查看后台任务概览
查看拓扑图
监测关键事务
剖析线程
追踪请求详情
监控后台任务
追踪错误和异常
追踪数据库详情
追踪NoSQL详情
追踪外部服务
分析消息队列
JVM监控
对比分析
单用户追踪
单个服务设置
移动应用性能管理
管理移动应用
查看应用概览
行为分析
用户分析
页面分析
网络分析
CDN分析
启动分析
问题分析
错误分析
终端分析
移动设备分析
移动应用设置
浏览器应用性能管理
管理浏览器应用性能数据
查看浏览器应用概览
页面分析
错误分析
用户分析
ajax分析
终端分析
单个浏览器应用设置
业务性能管理
业务的创建及管理
业务Server概览
业务Mobile概览
业务Browser概览
全局搜索接口详情
设置
基础监控管理
管理主机性能数据
查看主机详情
查看磁盘使用详情
查看网卡详情
查看主机进程详情
告警管理
查看并处理告警
设置告警
管理告警
设置URL回调
报告管理
自定义报告
管理报告
系统管理
部署管理
采集组件管理
配额管理
Server全局设置
Mobile全局设置
Browser全局设置
Business全局设置
用户中心
组织机构
管理用户、角色及用户组
管理子租户
后台管理
探针管理
企业管理

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

登录透视宝后,在顶部导航栏单击Browser,进入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所在操作列的堆栈追踪,查看后端代码、服务和数据库性能分析,帮助您定位性能问题,真正实现端到端分析。