按网页分析Web页面性能

在网页页面,您能够查看不同页面的响应时间、吞吐率、JS错误、AJAX请求数等性能数据。在右上方选择时间范围,查看特定时间段内的统计分析数据。


通过网页分析整体页面性能

5.5.png

在概览页,查看不同URI页面的性能指标变化趋势,包括:

  • 网页响应时间趋势(TOP5):查看页面响应时间最长的5个页面及其对应的响应时间变化趋势。

  • 网页吞吐率趋势(TOP5):查看页面吞吐率最高的5个页面及其对应的吞吐率变化趋势。

  • 网页JS错误趋势(TOP5):查看页面JS错误数最多的5个页面及其对应的JS错误数变化趋势。

  • 网页 AJAX请求数(TOP5):查看页面AJAX请求数最多的5个页面及其对应的AJAX请求数变化趋势,如下图所示。

网页响应时间分解(TOP20):查看响应时间最长的20个页面,也是最有可能存在问题的20个页面的响应时间分解表。可以选择查看页面的终端用户响应时间及各阶段所用时间,选择后可按每段时间的升序或倒序查看,如下图所示。

5.5-2.png

深入分析单个页面性能

在列表的“网页”页面,查看每个URI的总数、每分钟请求数、响应时间、首屏时间、DOM准备时间、首字节时间、JS错误数等。点击<显示字段>按钮可设置显示在列表中的指标。

5.5-3.png

点击URI查看单个页面的详细性能信息,包括当前页面的终端用户响应时间、请求数、JS错误数、响应时间分解图以及更详细的关键性能指标、吞吐量、服务器连接耗时分解、响应可用时间、HTML下载时间、DOM建立时间、页面渲染时间变化趋势。

5.5-4.png

深入分析单次请求性能

在列表的“快照”页面,查看每次页面加载的时间、URL、终端用户响应时间、首屏时间和浏览器版本。点击<显示字段>按钮可设置显示在列表中的指标;点击<过滤>按钮可通过执行任务的时间、浏览器、运营商、操作系统、地域等过滤请求。

5.5-5.png

点击URL查看单次请求的详细性能,包括响应时间分解图、资源类型和域名统计图和资源时序图。

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

5.5-6.png

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

目前只能查看持续时间大于100 ms的资源的时序图,在资源时序图中可以通过类型来筛选需要查看的资源类型。

5.5-7.png

追踪后端堆栈

在请求快照中,点击的<代码追踪>按钮查看后端代码、服务和数据库性能分析,定位性能问题,真正实现端到端分析。

5.5-8.png