Question

我正在尝试使用puppeteer跟踪API记录网页的时间轴跟踪。

await page.tracing.start({ path: 'trace.json'});
//do stuff on web page for x seconds
await page.tracing.stop();

如果我运行trace 1分钟，则生成的trace.json文件大小超过200 MB。当我在chrome的性能标签中加载文件时，我看到很多细节丢失了。通常，Chrome时间轴具有网络，框架，交互作用，时间，主要等详细信息。以下是从我的trace.json

生成的时间轴跟踪的屏幕截图。

它仅具有浏览器，渲染器和GPU进程信息，而没有网络，框架，主等。

如果我运行trace 10秒钟，trace.json文件的大小约为25 mb，它将在时间轴面板中正确呈现，并包含所有详细信息，例如网络，帧，交互，计时，主要等。 < / p>

在上述两种情况下，时间线轨迹的视觉表示为何不同？

我必须在运行10-15分钟的网页上进行长时间运行的测试。在这种情况下，如何记录网页的时间轴跟踪，以便获得如图2所示的跟踪，以及所有详细信息，例如网络呼叫等。

我应该通过在整个测试过程中重复调用tracing.start 15分钟来定期每10-15秒收集一次跟踪。生成的跟踪或跟踪持续时间的大小是否有上限？有没有其他更好的方法可以节省铬的时间表？