0

我的页面经常包含 jquery 库，大约 75kb 左右。最近，我正在研究是否需要添加更多我在网上找到的 javascript 库/插件，我正在考虑再添加 25kb。这样做时，我会担心添加尺寸会增加我网站的加载时间。是否有我应该考虑的“经验法则”上限，这样我就不会再添加任何不需要的加载时间了？

4

5 回答 5

1

我的规则一直是，只使用你需要的东西。

如果您可以在没有任何东西的情况下实现应用程序的目标，请不要使用它。如果一个重要的特性集依赖于一个繁重的库，请使用它。

当然，无论如何，请始终确保您的 JS 文件是由您的服务器压缩的 gzip（或等效文件），并使用压缩文件。

最后，重要的是要牢记您的听众。对分析的良好使用将揭示您的用户是否容忍您的页面加载时间。

于 2012-06-17T22:21:27.077 回答
0

除了保持它尽可能小并且不要链接到您不打算使用的库之外，我没有建议任何一般规则。

如果您使用的是通用库，请从通用第三方链接您的库，例如Google Libraries API。您的许多最终用户可能已经在他们的浏览器中缓存了您从那里链接的库版本，从而缩短了加载时间。

于 2012-06-17T22:22:12.270 回答
0

大小没有限制（如果你愿意，你可以拥有 1GB），但通常我会尽可能地保持它的小。

一些优化脚本的技巧：

  • 缩小- 这意味着缩短变量名称、删除空格等。Dean Edwards 的/packer/就是一个例子。我也建议使用 Google Closure Compiler，但我会将其保留用于后期制作阶段，因为它会改变代码结构。

  • 合并- 编译您的脚本，以便它们至少只包含一个文件。这可以为您节省大量的 HTTP 请求。

  • 使用你只需要的——例如，如果你只需要 jQuery 的几个部分，他们可以选择推出你自己的 jQuery（在文档中的某个地方）。另一个示例是 jQueryUI，您可以在其中选择加载选定的 UI 功能。

于 2012-06-17T22:22:21.617 回答
0

我不太确定“经验法则”，但您当然应该问自己以下问题：

  • 你的脚本被缩小了吗？
  • 外部脚本是否在外部链接？
  • 这些可以从CDN链接吗？

例如，您最好让其他人托管像 jQuery 这样的库，因为这让您自己的服务器只处理为您的内容提供服务。

但最重要的是只包括您网站功能所需的绝对最低限度。

于 2012-06-17T22:22:54.173 回答
0

由于我们不知道您的库提供什么功能，因此很难做出估计。但是，您可以将其与 jQuery 进行比较。它以 30 kb 的文件提供了如此多的跨浏览器功能。

您添加到页面的每个文件都需要一些时间来传输。它可以通过缓存、缩小、CDN 等来减少。还有一些方法可以将所有 JavaScript 文件捆绑为一个。这通过减少请求数显着提高了性能。

于 2012-06-17T22:25:41.940 回答