javascript - 如何访问网页中每个资源的性能对象？

Question

我可以在 Chrome 开发者工具中看到网页中所有资源的加载时间、从服务器获取特定资源所需的时间以及其他信息。

我想使用 JavaScript 捕获这些统计数据。怎么可能？

有可用的 window.performance 对象，但仅适用于请求的页面，不适用于页面资源。有没有办法访问所有页面资源的性能对象。

Answer 1

您应该能够使用 window.performance.getEntries()获取特定于资源的统计信息:

var resource = window.performance.getEntries()[0];

console.log(resource.entryType);  // "resource"
console.log(resource.duration);   // 39.00000000430737
console.log(resource.startTime);  // 218.0000000007567

来自以上链接的示例: