Flutter 页面通常不是一次性加载完成的静态页面,页面指标更适合回答「页面是否及时出现、关键内容是否可见、主要操作是否可用」这类业务问题。四个指标的口径如下:
- TD(页面转场耗时):通过
TransitionRoute.animation状态判断转场耗时,用于回答进入关键页面是否被页面切换拖慢;当前公开实现中不一定作为独立可查询字段上报。 - FP(首帧时间):通过
WidgetsBinding.instance.addPostFrameCallback获取首帧,回答页面容器是否快速出现。 - FCP(首个内容绘制时间):遍历 RenderObject 判断 RenderImage、RenderParagraph、TextureBox 等内容,回答订单、列表、详情等首个业务内容何时出现。
- TTI(可交互时间):基于有效元素覆盖率判断,未达到阈值时存在兜底计时策略,回答提交、刷新、筛选等主要操作何时可用。
采集方式上可用 AlibabaCloudRUMNavigationObserver 覆盖标准路由,也可用 startView/stopView 处理 IndexedStack、PageView、Tab 容器等非标准结构。需要注意,Flutter 的 FP、FCP、TTI 是基于渲染和页面结构的估算口径,与浏览器指标解释方式不同,在 PlatformView 或自绘组件场景中仍需结合页面结构校验。




