性能监控展示了小程序整体性能的基本情况,包括启动性能、页面性能和运行性能,能够反应小程序加载和呈现的速度,以及用户交互的响应程序,配合报警和数据探索,可以更快发现性能问题,并作为性能优化的数据依据。
小程序启动是影响小程序使用体验中极为重要的一环,关注启动耗时过长是提高使用体验的重要维度。
小程序的启动过程从用户打开小程序到小程序首页渲染完成。小程序首页渲染完成的标志是首个页面Page.onReady事件触发。具体时序图如下所示:
启动性能相关指标可以分为三类:启动概览、通用性能指标及初始化性能指标。并通过堆叠图、组合图以及折线图的形式对指标进行可视化展示。
- 每个图表包含数据:当前时间周期内的指标均值、前一周期的指标值、相对于前一周期的波动。
- 前一周期的值指的是前一个所选的时间周期内的值。例如选择周期为7天,那么前一周期就是上一个7天。
- 折线图中能够看到观察在项目设置中设置的糟糕性能基准线,帮助您判断指标值的分布情况。
性能欠佳页面以PID为聚合纬度,展示当前样本量阈值下,所选指标性能欠佳的PID信息。展开该信息,右侧会展示该PID的多指标性能趋势图。单击慢页面次数,可跳转至数据探索,查看慢页面详情。
启动耗时分布可以查看所选指标耗时的分布情况。
- 拖动下方的滑动条可以自定义耗时的显示范围,同时可以在右上角查看所包含的耗时范围内,上报量占比情况。
- 悬停在柱体上,可以查看不同区间段的柱体的耗时范围、上报量和占比。
优劣化页面以PID为聚合纬度,展示当前所选时间范围内启动性能优化/劣化最严重的PID信息。
- 选中相应PID会展示相关指标的趋势信息。如果配置了release相关信息,可以在趋势图中展示上线版本。
- 对比的时间是把当前所选范围一分为二进行对比。例如,当前的时间范围是3天,所以进行对比的是前1.5天的指标值和后1.5天的指标值。
小程序页面性能指的是小程序页面跳转时的性能,各项性能指标对应的时间戳如下图所示.
指标说明:
- 性能欠佳页面以PID为聚合纬度,展示当前样本量阈值下所选指标性能欠佳的PID信息。
- 展开PID信息会展示该PID的多指标性能趋势图。
-
说明
小程序Pro监控平台各项功能强依赖PID设置,设置与业务相关的合理的页面标示,可以更好发现性能异常相关问题。
页面耗时分布可以查看所选指标耗时的分布情况。拖动下方的滑动条,可以自定义耗时的显示范围,同时可以在右上角查看所包含的耗时范围内,上报量占比情况。
优劣化页面以PID为聚合纬度,展示当前所选时间范围内页面性能优化/劣化最严重的PID信息。选中相应PID会展示相关指标的趋势信息。同时如果有配置release相关信息,可以在趋势图中展示上线版本。
setData是小程序开发中使用最频繁、也是最容易引发性能问题的接口。setData频率过大会导致JS线程持续繁忙,setData耗时过长会导致页面渲染卡顿。根据setData相关指标的列表,可以按照各项指标进行排序,排查问题。
- 单击PID可以跳转到数据探索,并保存筛选条件中的小程序类型、系统和PID。
- setData列表中展示了PID、setData次数、setData耗时、setData频率和setData大小。