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

标签 javascript jquery

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

最佳答案

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

进一步回答您的小问题:

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

数字:

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

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

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

关于javascript - 在我的页面上包含 jquery 库有什么缺点吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11656857/

相关文章:

javascript - 更改我的 jquery 移动主题会更改我的 css 样式

javascript - 通过更改边距构建 jquery 幻灯片

javascript - 防止单击父类别单选按钮

jquery - 文本的位置相对和绝对高度问题

javascript - 根据字符串中的标点符号将字符串拆分为数组元素 - JavaScript

javascript - SAPUI5:表单完全呈现时获取事件

javascript - 树结构 - Javascript - parent ?

javascript - TinyMCE 图片上传

jquery - SQL Server : assign value for character and get average value for each user

javascript - 有一个脚本在另一个脚本之后触发吗?