小程序用户体验管理

应用

该模块展示所有小程序的状态，包含触发警报应用、性能评分优秀应用（性能评分≥90分）、性能评分良好应用（90＞性能评分≥60分）、性能评分极差应用（性能评分＜60分），单击可筛选出对应状态的小程序。

图1 小程序

展示小程序警报状态、小程序名称、性能评分、用户数、加载耗时、请求耗时、请求错误率、JS错误率、操作可用性、卡顿率等指标。每个指标可以排序；

图2 应用列表

页面

页面分析用于定位页面加载慢、页面错误、卡顿等问题。

页面加载慢

衡量页面展现慢的指标是加载耗时。

加载耗时：计算onLoad到onReady生命周期执行完成的时间段内，所有setData以及请求发送之后setData的最长渲染回调时间。

图3 页面

SetData

setData分析功能可以非常方便地采集和切分setData的性能指标。

列表展示对应页面的指标的相关信息。

• 页面：展示当前页面的路径。
• 别名：支持配置别名，具体描述可参考页面分析。
• 耗时：上传周期内每个页面setData耗时总和。
• 队列耗时：上传周期内每个页面的setData队列耗时总和。
• 运算耗时：上传周期内每个页面的setData运算耗时总和。
• 峰值频率：计算当前选定时间内每秒的峰值调用次数。
• 峰值渲染大小：最大渲染内容字节数。
• 在搜索框中输入页面路径，然后单击搜索图标，可查看指定页面的信息。支持模糊搜索，不区分大小写。
• 页面支持添加到大屏和智能报告。

图4 setData列表

操作

操作分析主要用来监控分析用户在页面上的单击事件的响应时间和可用性。优化操作用户体验，有利于提升用户的关键步骤转化率。监控操作可用性，则可保障例如加入购物车、支付等关键操作稳定可用，避免给业务造成重大损失。

操作默认以操作的“操作方法名”命名，同时同一个页面上的同一个方法名的操作会聚合，支持自定义操作别名。

操作列表包含操作名称、操作所在页面、操作次数、操作时间、操作可用性、操作请求个数、请求耗时、服务端平均耗时等指标，支持排序。同时列表可基于操作名称搜索。

图5 操作列表

请求

该模块分析小程序所有网络请求性能情况，包含每个请求的耗时占比、请求次数、慢请求占比、响应时间、服务端耗时、请求错误率、传输数据量、回调时间。

图6 网络请求列表

地域

该模块可分析各地域运营商网络环境下各指标性能情况，可切换分析的指标有小程序性能评分、PV、onReady、首次响应、请求耗时、请求错误率、JS错误率，也可以切换运营商和网络类型（4G、3G、2G、WiFi）。单击地域名称，即可查看该地域的性能详情。如果有多个国家用户访问即展示为世界地图。如果只有一个国家，多个省份用户访问，则展示国家地图。如果只有一个省份用户访问，则展示为省份地图。

JS错误

JS错误分析主要用来分析页面被访问时发生的JS错误情况，并统计和分析导致JS错误原因。

该模块包含所有发生错误的JS文件、错误占比、和JS错误页面PV。

图7 JS错误分析

路径

路径分析可分析小程序的用户流量流向与页面性能的相互关联关系。可视化展示小程序用户从哪里来，去了哪个页面，在哪个页面离开，最后停留在哪个页面，以及每个页面的性能。页面颜色基于性能评分值，分别用红色（性能评分≤60分）、黄色（60＜性能评分≤90）、绿色（90＜性能评分≤100）展示。

用红色和红色展示的页面代表着性能评分较差，单击即可跳转到页面性能详情去分析。 此外路径分析可按PV分析也可按UV分析，同时可以筛选来源、网络环境、微信版本、地域、运营商、系统、设备等过滤条件，来分析不同的筛选条件下流量流向状况与性能状况。

图8 路径分析

图9 路径图

微信接口

为了打造更强大的小程序生态，简化小程序开发难度，微信官方提供了丰富的API接口，包括登录、支付、扫码等等，且这些微信官方接口往往是非常重要的能力，成功与否直接影响业务的正常运转，例如支付接口，可能会因为微信官方接口异常或商家生成订单系统异常进而返回支付参数不正确导致支付流程失败，故针对微信接口调用成功率的监控是非常必要的。

图10 微信接口

用户追踪

用户追踪模块可以追踪用户在访问小程序时触发的所有性能问题，包含慢页面、慢请求、错误请求、慢操作、失败操作、接口失败、JS错误等信息。

图11 用户追踪