Webview性能分析是对H5页面性能的分析,包括页面加载性能分析和Ajax性能分析。
页面加载性能分析
页面加载性能分析分别从响应时间和JS错误的维度对H5页面的加载进行性能分析。
平均响应时间
按平均响应时间由大到小查看视图类列表,同时可在右侧查看平均执行时间最长的5个视图类的平均执行时间变化趋势以及执行次数最多的5个视图类的执行次数变化趋势。
点击视图类名称查看一个特定视图类的所有页面中平均执行时间最长的5个页面的平均执行时间变化趋势以及白屏时间最长的5个页面的白屏时间变化趋势。
此外,展开视图类后点击页面,查看页面请求执行时间和吞吐量的对比分析、白屏时间及慢页面加载列表。
在慢页面加载列表中,查看所有发生白屏的页面请求的首屏时间、白屏时间、耗时、首次发生时间和操作系统版本,同时可按首屏时间、白屏时间、耗时和首次发生时间进行排序。
点击页面请求名称查看单个请求的响应时间分解图和页面加载资源时序图,对页面加载各阶段的耗时和各类型资源的耗时进行详细分析。
在时序图中,您可以查看每条资源开始加载的时间戳和加载时间,分析资源加载执行的顺序,找到耗时性能高的资源瓶颈。默认只能查看响应时间大于100ms的资源,点击时间标签查看资源加载情况,包括资源名称、步骤、偏移时间和响应时间。
JS错误
按JS错误数由多到少查看发生JS错误的视图类列表,同时可在右侧查看JS错误次数最多的5个视图类的JS错误次数变化趋势以及发生次数最多的5个JS错误类型的变化趋势。
点击视图类名称查看一个特定视图类的所有页面中JS错误数最多的5个页面的JS错误数变化趋势以及发生次数最多的5个JS错误类型的变化趋势。
此外,展开视图类后点击页面,查看页面请求的JS错误次数变化趋势、JS错误类型次数变化趋势及JS错误列表。
在JS错误列表中,查看所有发生JS错误的页面请求的错误信息、开始时间和错误次数,同时可按开始时间和错误次数进行排序。
点击页面请求名称查看单个页面请求的JS错误信息及对应的详细堆栈信息。
Ajax性能分析
Ajax性能分析分别从响应时间和Ajax错误的维度对H5页面的Ajax请求进行性能分析。
平均响应时间
按平均响应时间由大到小查看域名列表,同时可在右侧查看响应时间最长的5个域名的响应时间变化趋势以及执行次数最多的5个域名的执行次数变化趋势。
点击域名查看一个特定域名的所有子域名中响应时间最长的5个子域名的响应时间变化趋势以及执行次数最多的5个子域名的执行次数变化趋势。
此外,展开域名后点击子域名,查看Ajax请求响应时间变化趋势、执行次数变化趋势及Ajax加载列表。
在Ajax加载列表中,查看所有Ajax请求的名称、域名、耗时和首次发生时间,同时可按耗时和首次发生时间进行排序。
点击Ajax请求名称查看单个请求的的响应时间分解图,对页面加载各阶段的耗时进行详细分析。
Ajax错误
按Ajax错误数由多到少查看发生Ajax错误的域名列表,同时可在右侧查看Ajax错误次数最多的5个域名的Ajax错误次数变化趋势以及发生次数最多的5个Ajax错误类型的变化趋势。
点击域名查看一个特定域名的所有子域名中Ajax错误次数最多的5个子域名的Ajax错误次数变化趋势以及发生次数最多的5个Ajax错误类型的变化趋势。
此外,展开域名后点击子域名,查看该域名下错误次数最多的5个Ajax请求的错误次数变化趋势以及发生次数最多的5个Ajax错误类型的变化趋势。
在Ajax错误列表中,查看发生Ajax错误的Ajax请求、错误信息、首次发生时间和错误次数,同时首次发生时间和错误次数进行排序。