页面分析
页面分析用于定位页面加载慢、页面错误、卡顿等问题。
页面加载慢
衡量页面展现慢的指标是加载耗时。
加载耗时:计算onLoad到onReady生命周期执行完成的时间段内,所有setData以及请求发送之后setData的最长渲染回调时间。
定位加载耗时慢,可以分为以下几种情况:
加载耗时的内容较多,需要集合多份数据进行渲染。这种情况需要开发者把内容分优先级,把优先级高的内容做优先展示,缩短加载耗时时间;
这种情况借助瀑布图看onReady时间结束前发出的请求条数,有针对性的减少;
加载耗时内容依赖的数据从服务端请求的时间太长。开发者需要从服务端侧具体分析服务端数据返回的时间长的原因;
看页面请求的服务端耗时是否过长,若服务端耗时没有问题,可借助network拨测请求,定位网络问题;
一次性渲染数据太大或依赖的计算过于复杂。减少渲染的数据量、优化渲染相关数据的算法可以解决这类问题。
借助瀑布图看setData的频率以及setData耗时以及setData内容,有针对性的优化;
页面展现错误
页面错误,主要是出现了请求网络错误、请求超时、请求业务错误、JS错误几种情况。可借助页面异常追踪来定位这些错误。
页面卡顿
目前我们监控的页面卡顿主要是由setData引起的卡顿,判断标准为setData耗时,阈值可自定义。
setData导致页面卡顿的因素:setData频率、setData数据量大小,都可以借助页面卡顿瀑布图定位
页面列表
页面分析详情
点击页面路径即可跳转到页面分析详情,包含页面性能趋势、耗时分布、地域运营商、JS错误率趋势、TOP5 微信版本JS错误率曲线图、慢页面占比、网络请求趋势图、异常追踪等部分。
页面性能趋
展示页面的PV、UV、onReady、首次响应、加载耗时的趋势,也可查看不同分位值(95%、90%、75%、50%)下的指标趋势。
页面网络请求趋势图
展示页面的网络请求请求次数、慢请求次数、错误请求次数、请求耗时、服务端耗时等指标趋势,同时可以查看不同的分位值,还可以结合直方图来看请求频率分布来优化。
卡顿分析
展现页面PV、卡顿PV、卡顿率、卡顿率均值。同时可以结合耗时分布看setData的频率分布、和耗时分布。
耗时分布
展示onReady、首次响应、网络请求响应时间,请求耗时、服务端耗时、setData耗时、网络请求频率、setData频率等指标的其对应不同区间的分布。
地域运营商
在此模块可以看到该页面的onReady、\首次响应、网络请求响应时间,服务端响应时间四个指标在不同地域、不同运营商、不同网络环境下的响应耗时情况,并在右侧展示了每个指标最长耗时地域耗时情况。
JS错误率趋势
该模块展示所选时间段,该页面所发生的JS错误率情况(JS错误率=发生JS错误页面/总PV100%)以及该页面所发生的TOP5微信版本 JS错误率情况(微信版本JS错误率=某微信版本发生JS错误页面/某浏览器总PV100%)。
慢页面占比
该模块展示总PV、慢页面次数、慢页面占比趋势。慢页面次数=超过onReady阈值的页面PV/总PV*100%
页面跳出率趋势图
展现该页面作为退出页的访问次数占比、异常占比、异常退出占比。
异常追踪
该模块包含四种异常情况的追踪:异常页面追踪、错误请求、慢请求、JS错误、卡顿。
慢页面追踪
异常页面分为四种情况:慢加载(超过加载耗时阈值)、页面出现网络错误、页面出现JS错误、页面出现卡顿。只要出现其中一种情况,都归属为异常页面。
异常页面追踪支持IP、URL、userID、sessionID搜索。可看到异常页面的发生时间、页面地址、useID、sessionID、IP、省份、城市、运营商、网络、微信版本、系统、设备、耗时等信息,点击发生时间可追踪去慢页面详情,辅助开发人员定位慢页面发生原因。
异常页面概览汇总分析出发生异常页面的网络环境占比、微信版本TOP5、地域运营商TOP5、系统版本TOP5、设备TOP5、SDK版本 TOP5,用户可以分别点击快速筛选出发生异常页面的主要类型。也可以筛选只分析慢页面或网络错误页面或JS错误的页面、卡顿的页面。
异常页面追踪详情
异常页面追踪详情包含:产生这次异常页面的用户环境信息、用户访问页面的指标信息、页面的网络请求瀑布图、网络请求分类。
基本信息
用户基本信息可展示用户发生异常页面的网络\系统等环境,方便测试复现排查。
瀑布图
瀑布图展示该页面的全部请求的开始时间和结束时间,以及页面生命周期,同时可以看到该页面在什么时间发生网络错误和JS错误,点击可以追踪对应的错误详情。
卡顿分析
展示每段时间内setData耗时占比分布,分布区间基于应用基本设置中的setData耗时区间来展现。
setData 追踪
默认会取这一秒内的setData 前5条setData trace,包含setData开始时间、耗时、数据大小、数据内容、是否错误等信息。
请求域名统计
请求域名统计可以统计该页面的请求域名数量和资源大小。
用户轨迹
用户轨迹展示该用户,从最开始进入页面然后如何浏览页面,最终在那个页面的操作报错的完整轨迹。
网络请求错误追踪
该板块汇总了该页面所选时间段的所有网络请求错误,展示错误的网络请求URL、发生时间、状态码、是否可追踪慢事务,若有慢事务追踪,点击可跳转到Server端进行事务错误分析。
慢请求追踪
该模块展示该页面发生的超过慢网络请求阈值的网络请求纪录,包含请求URL、发生时间、响应时间、服务端响应时间、传输字节、状态、慢事务追踪。若有慢事务追踪,点击可跳转到Server端进行事务分析。
JS错误追踪
该模块展示所选时间段该页面的发生的JS错误,包含JS错误类型、微信版本、JS错误PV。点击即可查看JS错误详情,JS错误详情请查看JS错误详情介绍。