如何计算 Javascript 的带宽使用量？

Question

我想根据我在 Chrome 的开发者工具中看到的内容计算一些 Javascript 代码将消耗多少带宽。

脚本通过单行Javascript标签启动，引用外部JS文件。

查看 Initiator 和 Size 列：

Initiator                    Size
-------------------------------------------
Default.aspx                 4.39kb
Parser                       10.54kb

该 Javascript 文件存在于我的服务器上，因此我想计算每个调用将从我的服务器连接中消耗多少带宽（而不是 Default.aspx 所在的位置）。

所以我的服务器以 4.39kb 的速度提供 .JS - 或者这是请求的带宽消耗，而响应是 10.54kb？

解析器部分指的是什么，是否可以肯定地说从我的服务器为该请求提供响应的总带宽使用量为 15.47kb？

谢谢。

Answer 1

在发起者列中，第一行代表发起此请求的文件和行号。 第二行代表发起者的类型。 在您的情况下，此请求是由 HTML 解析器在解析 Default.aspx（我猜是您的主文档）时发起的。

从列标题可以看出，size列中第一行表示size——表示传输大小，第二行表示Content size——表示资源数据的实际大小。资源经常被压缩，这可能是这里的情况： 解压后响应大小为4.39kb，脚本大小为10.54kb。

没有关于请求大小的任何信息，但它通常很小，除非您根据请求上传了一些数据。

请注意，在网络面板底部有一行显示总请求数和总传输大小，这可能是您需要的。

Answer 2

您阅读的栏目有误。您看到的启动器的两个值完全与您看到的每个资源大小的两个值无关。

启动器的“解析器”值意味着解析器遇到了<script> 标记并加载了它（或<img> 标记，等等）。 “脚本”值表示需要加载资源的一段 JavaScript（例如，设置 <img/> 的 src 或通过 AJAX）。

“大小”列中的顶部值是 Chrome 所称的“大小”，第二个（较小/灰色）值是“内容”。这些是什么意思，我正在努力解决。

确实，总带宽使用量将是“大小”列中某些值的总和……但我不确定它是最高值还是最低值。它也与“发起者”完全无关。