使用Puppeteer/Headless Chrome报告性能指标

Question

使用Puppeteer/Headless Chrome报告性能指标

performance-testingpuppeteergoogle-chrome-headless

4

我正在使用Puppeteer尝试使用无头Chrome，并试图找到如何报告首次绘制时间。我一直在查看Chrome DevTools Performance API，注意到有一个Performance.metrics，但当我订阅事件时，它从未触发。

const client = page._client
await client.send('Page.enable')
await client.send('DOM.enable')
await client.send('Performance.enable')
client.on('Performance.metrics', (obj) => {
   console.log({obj})
})
await page.goto('http://example.com', {waitUntil: 'networkidle2'})

但是事件观察器从未触发。有什么建议可以观察来自性能方面的度量数据吗？

- dbslone

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Everettss · Accepted Answer

如果您正在询问有关首次有效绘制时间 (First Meaningful Paint)，则可以通过以下方式获得：

await page.goto('http://example');

await page.waitFor(1000);
const performanceMetrics = await page._client.send('Performance.getMetrics'); 
console.log(performanceMetrics);

我写了一篇文章《使用 Puppeteer 测试网站性能》，其中有一章节专门介绍了如何测量FirstMeaningfulPaint。