页面加载性能分析

页面加载性能分析分别从响应时间和JS错误的维度对H5页面的加载进行性能分析。


平均响应时间

按平均响应时间由大到小查看视图类列表,同时可在右侧查看平均执行时间最长的5个视图类的平均执行时间变化趋势以及执行次数最多的5个视图类的执行次数变化趋势。

4.5.1.png

点击视图类名称查看一个特定视图类的所有页面中平均执行时间最长的5个页面的平均执行时间变化趋势以及白屏时间最长的5个页面的白屏时间变化趋势。

4.5.1-2.png

此外,展开视图类后点击页面,查看页面请求执行时间和吞吐量的对比分析、白屏时间及慢页面加载列表。

4.5.1-3.png

在慢页面加载列表中,可查看出现白屏的请求多次发生的统计信息,包括平均首屏时间、平均白屏时间、平均耗时、首次发生时间、最后一次发生时间和发生频次。列表可按平均首屏时间、平均白屏时间、平均耗时、首次发生时间、最后一次发生时间或发生频次进行排序。

1.png

在慢页面加载列表中,点击目标条目查看该请求单次发生的数据,包括首屏时间、白屏时间、耗时、发生时间等信息。

2.png

在单次请求数据列表中,单击目标条目的URL查看该次请求的响应时间分解图和页面加载资源时序图,对页面加载各阶段的耗时和各类型资源的耗时进行详细分析。

4.5.1-5.png

在时序图中,您可以查看每条资源开始加载的时间戳和加载时间,分析资源加载执行的顺序,找到耗时性能高的资源瓶颈。默认只能查看响应时间大于100ms的资源,点击时间标签查看资源加载情况,包括资源名称、步骤、偏移时间和响应时间。

4.5.1-6.png

JS错误

JS错误数由多到少查看发生JS错误的视图类列表,同时可在右侧查看JS错误次数最多的5个视图类的JS错误次数变化趋势以及发生次数最多的5JS错误类型的变化趋势。

4.5.1-7.png

点击视图类名称查看一个特定视图类的所有页面中JS错误数最多的5个页面的JS错误数变化趋势以及发生次数最多的5个JS错误类型的变化趋势。

4.5.1-8.png

此外,展开视图类后点击页面,查看页面请求的JS错误次数变化趋势、JS错误类型次数变化趋势及JS错误列表。

4.5.1-9.png在JS错误列表中,查看所有发生JS错误的页面请求的错误信息、开始时间和错误次数,同时可按开始时间和错误次数进行排序。

4.5.1-10.png

点击页面请求名称查看单个页面请求的JS错误信息及对应的详细堆栈信息。

4.5.1-11.png