如何计算Javascript的带宽使用情况?

时间:2012-02-10 15:47:55

标签: javascript bandwidth google-chrome-devtools

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

该脚本通过一行Javascript标记启动,引用外部JS文件。

在查看启动器和大小列时:

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

我的服务器上存在Javascript文件,因此我想计算每次调用将从我的服务器连接消耗多少带宽(而不是Default.aspx所在的位置)。

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

解析器部分引用了什么,并且可以安全地说从我的服务器为此请求提供响应的总带宽使用量为15.47kb?

感谢。

2 个答案:

答案 0 :(得分:3)

在启动器列中,第一行表示启动此请求的文件和行号。 第二行表示启动器的类型。 在您的情况下,此请求是在解析Default.aspx(我猜的主文档)时由HTML解析器启动的。

从列标题中可以看出,在size列中,第一行表示大小 - 表示传输大小,第二行表示内容大小 - 表示资源数据的实际大小。资源通常是压缩的,这可能是这种情况: 解压后响应大小为4.39kb,脚本大小为10.54kb。

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

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

答案 1 :(得分:0)

你正在阅读错误的列。您看到的启动器的两个值完全与您看到的每个资源的大小的两个值无关。

启动器的“解析器”值意味着解析器遇到<script>标记并加载它(或<img>标记,无论如何)。 “脚本”值表示需要加载资源的JavaScript(例如,设置src的{​​{1}}或通过AJAX)。

“尺寸”列中的最高值是Chrome称为“尺寸”的值,第二个(较小/灰色)值是“内容”。这些意味着什么,我正在努力解决。

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