调试 Web 应用的性能

Flutter 框架会在构建帧、绘制场景以及追踪垃圾回收等活动时发出时间轴事件。这些事件会显示在 Chrome DevTools 性能面板中，供你进行调试。

你还可以使用 dart:developer 中的 Timeline 和 TimelineTask API 发出自己的时间轴事件，以进行更深入的性能分析。

若要配置要跟踪哪些时间轴事件，请在应用的 main 方法中将以下任意顶级属性设置为 true。

• debugProfileBuildsEnabled：为每个构建的 Widget 添加 Timeline 事件。
• debugProfileBuildsEnabledUserWidgets：为每个用户创建的 Widget 构建添加 Timeline 事件。
• debugProfileLayoutsEnabled：为每个 RenderObject 布局添加 Timeline 事件。
• debugProfilePaintsEnabled：为每个 RenderObject 绘制添加 Timeline 事件。

1. [可选] 在应用的 main 方法中，将所需的任何跟踪标志设置为 true。
2. 以 Profile 模式运行你的 Flutter Web 应用。
3. 为你的应用打开 Chrome DevTools 性能面板，然后开始录制以捕获时间轴事件。