在我的页面上包含jquery库有什么缺点吗？

Question

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

Answer 1

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

进一步回答你的小问题：

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

---

<强>编号：

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

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

这当然是相对的。我打赌当你加载这个页面时你没有注意到任何延迟，因为整个页面需要大约630毫秒来加载。

Answer 2

客户端必须下载jQuery脚本（非常小）。要进一步优化，您只需使用Content Delivery Network或Google中托管的“Microsoft”版本即可。另请记住使用缩小版本，下载速度更快。

This article说明原因。

Answer 3

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

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

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