调试 Web 应用性能

Flutter 框架在构建帧、绘制场景以及跟踪垃圾回收等活动时会发出 timeline 事件。这些事件会暴露在 Chrome DevTools 性能面板 中，供调试使用。

你还可以使用 dart:developer 的 Timeline 和 TimelineTask API 发出自定义 timeline 事件，以进行更深入的性能分析。

要在应用中配置跟踪哪些 timeline 事件，请在 main 方法中将以下任一顶层属性设为 true。

• debugProfileBuildsEnabled：为每个已构建的 Widget 添加 Timeline 事件。

• debugProfileBuildsEnabledUserWidgets：为每个用户创建的已构建 Widget 添加 Timeline 事件。

• debugProfileLayoutsEnabled：为每次 RenderObject 布局添加 Timeline 事件。

• debugProfilePaintsEnabled：为每次 RenderObject 绘制添加 Timeline 事件。

1. [可选] 在应用的 main 方法中将所需的跟踪标志设为 true。

2. 以 profile 模式 运行 Flutter Web 应用。

3. 为应用打开 Chrome DevTools 性能面板，并 开始录制 以捕获 timeline 事件。