在浏览器页面,您能够查看Web前端页面在不同浏览器的响应时间、吞吐率、JS错误、AJAX请求数等性能数据。
通过浏览器分析整体页面性能
在概览页,查看页面在不同浏览器中的性能指标变化趋势,可以选择PC端、移动端、微信端查看不同终端不同浏览器的数据。
选择PC端或移动端,查看以下性能指标分析:
浏览器响应时间趋势(TOP5):查看页面响应时间最长的5个浏览器及其对应的响应时间变化趋势。
浏览器吞吐率趋势(TOP5):查看页面吞吐率最高的5个浏览器及其对应的响应时间变化趋势。
浏览器JS错误数(TOP5):查看页面JS错误数最多的5个浏览器及其对应的响应时间变化趋势。
浏览器AJAX请求数(TOP5:查看页面AJAX请求数最多的5个浏览器及其对应的响应时间变化趋势。
浏览器使用比例:用户使用不同浏览器访问页面,查看不同浏览器的使用比例。
操作系统使用比例:用户在不同操作系统中访问页面,查看不同操作系统的使用比例。
浏览器对比(TOP5):查看页面在不同浏览器中响应时间、吞吐率、JS错误数和AJAX请求数的对比。
浏览器区域分布:查看不同地区使用不同浏览器访问页面的比例,以及页面在不同地区不同浏览器中的响应时间、JS错误数和AJAX请求数。
选择微信端能够查看不同微信版本的页面性能分析,包括选定时间内不同微信版本的响应时间、吞吐率、JS错误数、AJAX请求数的变化趋势,以及微信版本和操作系统的使用比例。
深入分析单个页面性能
在列表页,查看在各浏览器中访问的页面总数及页面的终端用户响应时间、首字节时间、吞吐率、JS错误数和AJAX请求数,如下图所示。
点击浏览器名称查看当前浏览器页面的基本性能信息,包括页面在当前浏览器中的终端用户响应时间、响应时间分解图及变化趋势,各版本浏览器吞吐率、JS错误数、AJAX请求数及各自的变化趋势,以及版本访问量分布和操作系统占比。
在响应时间分解中,查看终端用户响应时间及各阶段的所用时间和所占比例,如下图所示。
此外,您还能在页面追踪中查看并深入追踪单个页面请求的性能,详细说明请参考“深入追踪单页面请求性能”。