加载jQuery的最佳方法是什么?



可能重复:
jQuery库来自哪里?谷歌JSAPI?CDN?

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

有人能给我一个建议,告诉我如何对我的应用程序进行编码,以最大限度地提高它在用户缓存中找到满足我需求的最新版本jQuery的机会吗。例如,我应该尝试从谷歌CDN中寻找一个版本吗?在这种情况下,我应该试着寻找哪个版本?

公共网站使用内容交付网络(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>

Microsoft示例

<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.上看到了一篇非常有趣的文章

来自平多姆的报告透露,jQuery最常用、最免费的主机;谷歌、微软和媒体圣殿;已证明是可靠的,但性能不一致。

为了评估网络,平多姆在欧洲和北美的多个地点进行了30天的全天候测试,每分钟一次。

结果发现,这三种产品都提供了出色的可用性,但性能却并非如此。

对于不使用HTTPS或安全服务器的网站,Media Temple是迄今为止欧洲速度最快的网站,仅次于谷歌,但在北美落后。对于HTTPS网站,谷歌是欧洲速度最快的,谷歌和微软在北美的表现相似。

微软在欧洲的表现最差,但在北美的整体表现与谷歌持平。

选择满足您需求的最新版本的jQuery。目前,这将是1.8。然后在一个免费且广泛使用的CDN(可能是谷歌或微软)上链接到它。

您应该链接到特定版本的jQuery。虽然有最新版本jQuery的链接,但你不应该链接到它,因为当它发生变化时,你的网站可能会在你不知情的情况下崩溃。你应该只链接到特定版本的jQuery。以下是在Google CDN上链接到1.8.1的代码。

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

如果你真的想优化浏览器缓存命中率,你可以选择一个现在广泛部署的jQuery版本进行测试(我相信每个版本的使用量都有网络统计数据),然后定期更新以跟踪最常用的版本。我怀疑这是微观优化,只需选择您测试过的任何最新版本都是合适的,并将为您提供使用通用CDN的好处。

我建议参考Google或Microsoft CDN的静态版本号。现在使用最新版本进行开发。如果您所做的更改需要更新的功能,只需更改布局中的引用即可。

谷歌CDN看起来像:

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

对于最新版本,您可以直接从jQuery:加载

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

还有其他内容交付网络,您也可以从中加载。

一些流行的CDN是:

  • jQuery(代码.jQuery.com)
  • 微软(ajax.Microsoft.com)
  • 谷歌(ajax.googleapis.com)

相关内容

  • 没有找到相关文章

最新更新