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

Are there any downsides to including the jquery library on my page?

本文关键字：什么 缺点 jquery 包含 我的      更新时间：2024-02-28

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

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

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

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

数字：

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

  • 0.027ms下载jQuery的总时间（可能已缓存）
  • 35.992ms用于评估jQuery和执行任何默认DOM/CSS操作的总时间

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

客户端将不得不下载jQuery脚本（它很小）。为了进一步优化，你可以使用谷歌或微软的托管"内容交付网络"版本。还记得使用下载速度更快的缩小版。

本文阐述了原因。

如果您没有使用它，就不应该包含它。

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

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

相关文章：