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

Question

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

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

至少在 Chrome 和 Firefox 中，开发工具“网络”选项卡有一个显示传输大小的列。是否可以使用 JavaScript 获取此信息？

Resource Timing API 似乎对这种情况有一个规定（“transferSize如果在本地检索资源，则必须返回 0”），但还没有浏览器实现它。

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

Answer 1

似乎虽然大多数现代浏览器都支持 Resource Timing API ，但最近对 Resource Timing API 规范的更改（例如transferSize属性）尚未实现。

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

正如对问题的评论中提到的，这似乎已在 Firefox 中得到解决，并将在 Firefox 45 中发布。我已经确认transferSize目前在 Firefox 开发人员版（v45.0a2）中可用。