页面性能概况

系统提供Flutter页面性能概况的监控与分析,查看页面首次绘制时间FP、页面首次有效内容绘制时间FCP、页面可交互时间TTI等指标的统计数据与趋势图

模块位置:功能位于性能监控-Flutter监控-页面性能概况

image

筛选框

筛选框:您可以灵活筛选时间范围、维度、或者其他高级功能

image

关键耗时指标

关键耗时之变可以按照平均值、50%分位值、90%分位值以及95%分位值四种不同的统计方式

界面三个指标卡片分别为:

  • 页面首次绘制时间(FP): 从路由跳转到首帧绘制的耗时

  • 页面首次有效内容绘制时间(FCP):从路由跳转到内容首帧绘制的耗时

  • 页面可交互时间(TTI):从路由跳转到页面可以交互的耗时

image

耗时区间分布

您可以在此模块查看FP、FCP、TTI在不同耗时区间的详细分布情况,指标在右上角切换支持多选

image

跳失率趋势

您可以在此模块查看FP跳失率、FCP跳失率以及TTI跳失率三个指标的概况统计、环比和趋势明细图

image

  • FP跳失率:在FP上报前跳出页面的会话数 / 总会话数

  • FCP跳失率:在FCP上报前跳出页面的会话数 / 总会话数

  • TTI跳失率:在TTI上报前跳出页面的会话数 / 总会话数

维度分布

可以查看不同指标的多种维度分布情况,右上角可以切换指标,包括FP、FCP、TTI、FP跳失率、FCP跳失率、TTI跳失率。

可查看的维度展示各个维度Top5的数据,分别为包括了Native应用版本分布、Flutter应用版本分布、设备分布、系统分布、运营商分布、页面分布、渠道分布、网络分布、地域分布

image