5

我已经使用 javascript 一段时间了，最​​近开始使用 jquery，我承认我很喜欢。 <script type='text/javascript' src='../locationOfJquery/jquery.js'></script> 允许在该页面上的脚本标签中使用库。我想知道的是，即使页面上没有 jquery 代码，仅包含脚本标签是否会减慢页面加载时间，以及使用 jquery 是否还有其他主要缺点

4

3 回答 3

5
  • 将脚本标签放在页面底部。这不会在 onload 事件触发之前减慢 DOM 的处理速度。
  • 使用缩小版的 jQuery，它与小图像/图标一样小。
  • 如果访问者访问您网站中的多个页面，通常也会在他们第一次访问后被缓存。如果您使用内容交付网络（例如 Google 的），它也可能已经被预缓存（或从更本地的服务器提供）。良好的第一印象至关重要。

要进一步回答您的小问题：

  • 如果页面上没有 jQuery 代码，仍然必须解析 jQuery。您可以使用 Chrome 之类的分析工具查看计算机解析 jQuery 需要多长时间。
  • 有一些框架可以在每页的基础上优化你的 javascript，但这些框架必须权衡缓存脚本的能力与更快解析的收益。你几乎肯定不应该担心它们。与其他框架相比，jQuery 非常轻量级。

数字：

例如在 Chrome 上加载 Stackoverflow 网站时，从 Google CDN 请求 jQuery 库，结果是：

  • 0.027ms 下载 jQuery 的总时间（可能是缓存的）
  • 评估 jQuery 和执行任何默认 DOM/CSS 操作所花费的总时间为 35.992 毫秒

这当然都是相对的。我敢打赌，当您加载此页面时，您不会注意到任何延迟，因为整个页面加载大约需要 630 毫秒。

于 2012-07-25T19:13:35.840 回答
2

客户端必须下载 jQuery 脚本（非常小）。要进一步优化，您可以只使用来自Google或Microsoft的托管“内容交付网络”版本。还记得使用下载速度更快的缩小版。

这篇文章说明了原因。

于 2012-07-25T19:21:37.707 回答
0

如果您不使用它，则不应包含它。

32k 是一个很小的代价，但最好没有请求和 0k 额外下载。

此外，更重要的是，如果您使用任何框架，您可能会遇到与其他框架的冲突。

于 2012-07-25T19:16:18.663 回答