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

Question

我制作了一个 web 应用程序，我意识到应用程序捆绑的 javascript 的相应文件大小略大于 1mb。 （我用过 react 和 webpack，所以客户端只有一个 javascript）当然我做了缩小以减小原来 3mb 的 javascript 文件的大小。

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

我认为这可能是减少 javascript 文件大小的线索。我试图尽可能彻底地写下来，但如果我的描述过于抽象，请向我询问更多信息。提前谢谢你。

Answer 1

您可能会看到 gzip 压缩后的文件大小 - gzip 是一种常见的文件压缩方式，用于通过 HTTP 传输数据。文件解码后会变大，但浏览器会显示解压前的文件大小。

使用this tool 和https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js 显示jQuery 文件的原始大小为86,000 字节，但压缩后仅为30,000 字节。