-->

什么是加载jQuery的最佳方法是什么? [重复](What's the best wa

2019-07-31 10:58发布

可能重复:
你在哪里包括jQuery库? 谷歌JSAPI? CDN?

我有一个使用jQuery的应用程序。 该应用程序可以使用jQuery的几乎所有的最新版本如1.7或1.8。

谁能给我一个建议,我怎么可以编写我的应用程序,以最大限度地发挥它的发现最近的jQuery的版本能够满足我的用户缓存需求的机会。 例如,我应该尝试寻找来自谷歌的CDN一个版本,在这种情况下,我应该尝试寻找哪个版本?

Answer 1:

公共网站使用内容分发网络(CDN)是很常见的。 要引用一个你包括他们像任何其他本地文件的脚本标签:

jQuery的例子

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

例如谷歌

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>

例如微软

<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.8.0.min.js" type="text/javascript"></script>

我应该始终引用最新版本?

存在这样的风险这样做时,例如当使用jQuery CDN一直点到最新版本。

在过去的几个版本的几种方法已经过时,即: toggle() -鼠标事件, live() die()等。

据我所知,从jQuery论坛是那些不赞成的方法将在1.9版本中永久删除。

除了jQuery的计划发布1.9和2.0并拢。 但是2.0不是1.9的延续,而是会沿着端进行开发。

2.0将不再支持IE6,IE7或IE8。 jQuery的1.9将留在所有以前的浏览器版本兼容。

阅读关于它在这里

基于这些原因,我不会建议自动总是指向最新的版本,但明确引用您支持的特定版本。

如果在CDN下跌

它很少发生,但它可能发生的CDN已关闭。 为以防万一,所以你不必承担后果,你可以实现一个备用计划。

// Check if jQuery was initialized and if not (CDN was down for example), then
// load jQuery from a local source.
if(typeof jQuery === 'undefined'){
    document.write(unescape("%3Cscript src='yourlocalpath/jquery.1.x.min.js' type='text/javascript'%3E%3C/script%3E"));
}

CDN可用性和性能评价

关于对现有的CDN的质量和性能我遇到了这个非常有趣的文章上royal.pingdom.com。

来自Pingdom的报告显示,最常用的,和jQuery的免费主机; 谷歌,微软和媒体寺; 已经证明是可靠的,但其性能不一致。

为了评估网络,Pingdom的来自欧洲和北美的多个位置进行测试,每分钟一次,全天候30天。

结果发现,所有三个提供了出色的可用性,但是这不是对性能的情况下。

对于不使用HTTPS或安全服务器站点,媒体寺是迄今为止速度最快其次是谷歌在欧洲,但在北美落后。 对于HTTPS网站谷歌是最快的欧洲与谷歌和微软进行北美相似。

微软执行欧洲最糟糕的,但即使与谷歌在北美全面了。



Answer 2:

挑选最近的jQuery的版本,以满足您的需求。 这时,那将是1.8。 然后链接到它的自由和广泛使用的CDN(谷歌或微软可能)。

您应该链接到jQuery的特定版本。 虽然有jQuery的最新版本的链接,你不应该链接到因为改变的时候,您的网站可能没有你知道它打破。 您应该只链接到jQuery的特定版本。 下面是链接到1.8.1对谷歌CDN的代码。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>

如果你真的想优化您的浏览器缓存命中率,你会选择和一个版本的jQuery是目前广泛部署的测试(我相信有网站统计某处有多少正在使用的每一个版本),然后你会定期更新追踪最常用的版本。 我怀疑这是微观优化和只是挑选您与任何测试的最新版本是合适的,会给你使用一个共同的CDN的好处。



Answer 3:

我会建议引用从一个静态的版本号, 谷歌或微软 CDN。 目前用于开发的最新版本。 如果您需要新的功能改变,只是改变你的布局参考。

该谷歌CDN的样子:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>


Answer 4:

最新的版本,你可以从jQuery的直接加载:

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

还有其他的内容分发网络 ,你可以从和加载。

一些流行的CDN是:

  • jQuery的(code.jquery.com)
  • 微软(ajax.microsoft.com)
  • 谷歌(ajax.googleapis.com)


文章来源: What's the best way to load jQuery? [duplicate]