在我的页面上包含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毫秒才能加载.