就站点性能/速度而言,链接到 jquery 是否更好,如下所示:
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
或者将文件放在服务器上并从那里链接到它们,如下所示:
<script src="js/jquery-1.9.1.js"></script>
就站点性能/速度而言,链接到 jquery 是否更好,如下所示:
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
或者将文件放在服务器上并从那里链接到它们,如下所示:
<script src="js/jquery-1.9.1.js"></script>
这取决于谁拥有更快的服务器,对吧?:)
有几个优点code.jquery.com
:
这很常见。如果用户访问过使用该文件的另一个站点,他们很可能已经缓存了该文件。
它可能在地理上是负载平衡的。对于远离您的 Web 服务器的用户,它可以更快地加载。
正如其他人所提到的,本地回退总是一个好主意,但您还应该适当地设置 IE 与非 IE 版本。像这样简单的事情应该可以解决问题:
<!--[if lt IE 9]>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js""></script>
<![endif]-->
<!--[if gte IE 9]><!-->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<!--<![endif]-->
<script>
if (!window.jQuery) {
document.write('<script src="/path/to/your/jquery"><\/script>');
}
</script>
第一部分是条件 if 对于使用旧 IE 的变通方法构建的 jQuery 与更快、更高效的 jQuery 2.0 版本。这使用了 Google CDN,因为它同时具有http
和https
版本,而code.jquery.com
只有http
. 但是,如果https
不是问题,code.jquery.com
CDN 通常会更快。
第二部分是检查是否window.jQuery
已创建,如果没有,则使用本地版本。
使用 CDN 版本与本地版本的好处只是速度。不仅他们的服务器带宽可能比您的大得多(MUCH),而且大多数浏览器之前都访问过该版本并将其存储在缓存中,因此浏览器不需要重新下载它。
附加 jQuery(或 google cdn 共享的任何库)的最佳方法是:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
此代码从 CDN 链接 jQuery(这种方式更好,因为用户已经可以在浏览器缓存中拥有这个 jQuery 版本)。之后代码检查是否成功加载了 jQuery(可能 CDN 已关闭或其他...),如果不是,它将本地版本的 jQuery lib 附加到您的页面。
此代码用于html5 样板文件。
一般来说,使用 CDN(例如code.jquery.com
)将能够比您自己的服务器更快地将文件交付给您的用户 - 这就是它们存在的目的!
如果由于任何原因 CDN 失败,您可能还需要考虑在您自己的服务器上使用副本作为后备。
在第一种情况下,您通过远程 URL 引用库,而在第二种情况下,它在服务器上本地可用。
所以这取决于很多因素。最后是关于您的最终用户与 jquery url 的距离。用户也可能更接近您的主机或 jquery 主机。此外,这将取决于哪一个最有效地为请求提供服务。
我更喜欢使用 googleapis:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" ></script>
这就是为什么。