首页 帮助中心 听云Browser 慢页面追踪详情

慢页面追踪详情

该维度展示了每一次页面发生慢页面追踪的详细信息,包括客户端数据,页面性能指标以及资源加载详情,每个指标都有相应的解释。页面追踪详情数据包括以下几个部分的数据展示:

客户端数据:展示此次慢页面的客户端基本信息,包含了本次访问的各项时间分解以及地域、运营商、浏览器和IP等信息。

测试图片1

完全加载:页面加载总时间,指从NavigationStart事件开始到LoadEventEnd事件结束,计算公式:LoadEventEnd-NavigationStart

白屏:指用户浏览器输入网址后至浏览器出现至少文字或1px图片的时间。白屏时间=网络请求+head资源加载+脚步运行&CSS解析处理时间,chrome(chrome.)、IE提供首次渲染时间。计算公式:

首屏:用户浏览器内所有的元素呈现所花费时间,即指用户看到第一屏,即整个网页顶部大小为当前窗口的区域,显示完整的时间。首屏是从网页应用的角度定义的指标,在Navigation Timing或者浏览器实现中并没有相关指标值。听云采用首屏高度内图片加载法获取首屏时间,通过寻找首屏区域内的所有图片,计算它们加载完的时间去得到首屏时间,这样比较符合网页的实际体验并且比较节省设备运行资源。

可交互:网站某些功能可以使用的时间,也指Dom Ready时间,计算公式:

自定义时间:该时间需要设置“自定义加载时间设置”,设置该项之后,当页面上的AJAX请求URL地址与该选项中的表达式匹配时,听云Browser探针会记录第一个匹配条件的AJAX请求的处理时间作为“自定义加载时间”。

unload:卸载当前页面的耗时,计算公式:unloadEnd-unloadStart

Redirect:页面重定向操作所消耗的时间,计算公式:redirectEnd-redirectStart

Cache:取缓存数据的耗时,计算公式:domainLookupStart-fetchStart

Stalled:浏览器阻塞时间,技术公式:计算公式: (requestStart-navigationStart)-dns耗时-tcp耗时-ssl耗时

DNS:通过域名解析服务(DNS),将指定的域名解析成IP地址的消耗时间,例如将解析www.tingyun.com 解析成 42.62.104.177 的耗时。计算公式:domainLookupEnd-domainLookupStart

建连:浏览器和WEB服务器建立TCP/IP连接的消耗时间。当元素下载完成后,浏览器可能会根据服务器返回的结果保持此连接,而不是完全关闭此连接。当监测节点再次和相同的服务器建立连接时,会复用此连接,对应消耗时间可能为0。此指标即为TCP/IP连接三次握手的前二次握手的时间(从IE发送TCP包SYN到收到服务器返回的TCP包SYN ACK的时间),第三次握手时间(从IE发送TCP包ACK到服务器接收此TCP包的时间)不计算在内。计算公式:connectEnd-connectStart

SSL:SSL握手时间,用于https协议。计算公式:connectEnd-secureConnectionStart

服务端响应时间:服务器响应时间是指应用服务器处理请求所消耗的时间,即应用响应时间,等于请求到达应用服务器到应用代码执行完成并输出响应信息的时间。(需要通过Server探针自动注入方式嵌码,否则服务器响应时间为零)

首包网络:从开始页面请求到浏览器开始接收到HTML代码的时间,不包括排队时间和服务器端的时间。计算公式:responseStart-requestStart-排队时间-服务器响应时间

剩余包:收到除主HTML文件首包外的其他数据包的时间,从responseStart事件开始到responseEnd事件结束,计算公式:responseEnd-responseStart

DOM解析:指从responseEnd事件开始到DomContentLoadedEventEnd事件结束,计算公式:DomContentLoadedEventEnd-responseEnd

资源加载:指从DomContentLoadedEventEnd事件开始到loadEventEnd事件结束,计算公式:loadEventEnd-DomContentLoadedEventEnd

排队时间:web服务器耗时(当未使用听云server时该指标为0)

客户端耗时:请求某资源到下载完成过程中,没有出现网络传输的时间片段之和。比如DNS到TCP之间的切换需要消耗CPU来调度,这个切换的过程应该是没有网络传输的且通常时间会比较短,这部分时间会被归为客户端耗时的一部分。

Request:首包时间。从TCP建连到浏览器从服务端接收到第一次响应的时间。其中包括客户端发送请求、服务端响应以及网络传输的时间。

Response: 页面主HTML代码下载完成时间。

加载速度:单个元素最快下载速度,计算公式 网络速度=元素大小/元素下载耗时,部分低版本浏览器无此数据;

测试图片1

测试图片1

页面元素加载瀑布图以及列表:以瀑布图的形式展示资源加载和浏览器事件(event),详细分为error、event、link、xhr、img、html、script和css,列表的顺序按其发生的时序,并提供每条资源的详细性能数据,同样也提供了按资源类型和域名过滤。

测试图片1

测试图片1

下图中的“查看server慢追踪详情”图标可以通过点击跳转到server端处理此次相应webaction的性能数据,这个图标的存在说明server端触发了慢webaction的阈值。

测试图片1

1. TOP5访问量页面

以堆叠图形式展现该主机纬度下访问量最高的TOP5页面访问量的趋势变化情况,单位ppm(pageview per min),点击某一页面可以钻取查看该页面纬度的性能数据。

测试图片1

2. TOP5访问量页面耗时

以曲线图的形式展示访问量最高的TOP5页面其页面加载趋势变化情况,点击某一页面可以钻取查看页面纬度性能数据

测试图片1

3. HTML加载分解&TOP5访问量页面&TOP5访问量HTML加载耗时

当指标切换到HTML加载时,会显示主机纬度的HTML加载分解,TOP5访问量页面和TOP5访问量HTML加载耗时

测试图片1

测试图片1

测试图片1

4. 页面渲染分解&TOP5访问量页面&TOP5访问量页面渲染耗时

性能指标切换到页面渲染时,会显示该主机的页面渲染分解,TOP5访问量页面和TOP5访问量页面渲染耗时

测试图片1

测试图片1

测试图片1