按浏览器分析Web页面性能

在浏览器页面,您能够查看Web前端页面在不同浏览器的响应时间、吞吐率、JS错误、AJAX请求数等性能数据。


通过浏览器分析整体页面性能

5.6.png

在概览页,查看页面在不同浏览器中的性能指标变化趋势,可以选择PC端、移动端、微信端查看不同终端不同浏览器的数据。

选择PC端或移动端,查看以下性能指标分析:

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

  • 浏览器吞吐率趋势(TOP5):查看页面吞吐率最高的5个浏览器及其对应的响应时间变化趋势。

  • 浏览器JS错误数(TOP5):查看页面JS错误数最多的5个浏览器及其对应的响应时间变化趋势。

  • 浏览器AJAX请求数(TOP5:查看页面AJAX请求数最多的5个浏览器及其对应的响应时间变化趋势。

  • 浏览器使用比例:用户使用不同浏览器访问页面,查看不同浏览器的使用比例。

  • 操作系统使用比例:用户在不同操作系统中访问页面,查看不同操作系统的使用比例。

  • 浏览器对比(TOP5):查看页面在不同浏览器中响应时间、吞吐率、JS错误数和AJAX请求数的对比。

  • 浏览器区域分布:查看不同地区使用不同浏览器访问页面的比例,以及页面在不同地区不同浏览器中的响应时间、JS错误数和AJAX请求数。

5.6-2.png

选择微信端能够查看不同微信版本的页面性能分析,包括选定时间内不同微信版本的响应时间、吞吐率、JS错误数、AJAX请求数的变化趋势,以及微信版本和操作系统的使用比例。

深入分析单个页面性能

在列表页,查看在各浏览器中访问的页面总数及页面的终端用户响应时间、首字节时间、吞吐率、JS错误数和AJAX请求数,如下图所示。

5.6-3.png

点击浏览器名称查看当前浏览器页面的基本性能信息,包括页面在当前浏览器中的终端用户响应时间、响应时间分解图及变化趋势,各版本浏览器吞吐率、JS错误数、AJAX请求数及各自的变化趋势,以及版本访问量分布和操作系统占比。

在响应时间分解中,查看终端用户响应时间及各阶段的所用时间和所占比例,如下图所示。

5.6-4.png

此外,您还能在页面追踪中查看并深入追踪单个页面请求的性能,详细说明请参考“多维度追踪单页面请求性能”。