Javascript的文件大小因其位置(本地或服务器)而异



我制作了一个web应用程序,我意识到应用程序捆绑的javascript相应的文件大小略大于1mb。(我使用react和webpack,所以只有一个javascript存在于客户端)当然,我做了缩小,以减少javascript文件的大小,原来是3mb。

然而,今天我发现了一些惊人的现象。详细描述如下:如果我通过Google的CDN得到一个jQuery脚本,它的文件大小大约是33kb。但是,如果我将该文件复制并粘贴到我的本地服务器上,它的文件大小大约为90kb,几乎是原始文件的3倍,尽管两者在逻辑上是相同的。

我认为它可以是一个线索,以减少javascript文件的大小。我尽量详尽地写下来,但如果我的描述过于抽象,请向我询问补充信息。

很可能您看到的是gzip压缩后的文件大小—gzip是用于通过HTTP传输数据的常见文件压缩。当文件被解码时,它会变大,但浏览器会显示解压前的文件大小。

使用https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js这个工具告诉我,jQuery文件的原始大小是86,000字节,但压缩后只有30,000字节。

最新更新