使用 JavaScript 获取资源的传输大小

Get transferred size of a resource using JavaScript

我正在尝试测量真实网站用户的页面加载性能。为了更好地理解数据,我想根据缓存是否已启动来对数据进行分段。

所以我不需要在加载资源之前知道它是否在缓存中。事后衡量就够了

至少在 Chrome 和 Firefox 中,开发工具 "network" 选项卡有一列显示传输的大小。是否可以使用 JavaScript 获取此信息?

Resource Timing API 似乎有针对这种情况的规定(“transferSize 必须 return 0 如果资源在本地检索”),但是 no browser has implemented it yet

开发工具显示此信息的事实让我想知道是否可以通过某种方式访问​​它。有什么想法吗?

虽然 most modern browsers, recent changes to the Resource Timing API specification, such as the transferSize 属性 支持资源计时 API,但尚未实现。

以下是 Firefox and for Chromium 的相关错误报告。

正如问题评论中提到的,这似乎已在 Firefox 中得到解决,并将在 Firefox 45 中发布。我已确认 transferSize 目前在 Firefox Developer Edition (v45) 中可用.0a2).