基本上,您应该在网站的标头标记中看到这种代码:
这是在您的网站中包括jQuery库的正常方法。 这样做没有问题,但是有更好的方法。
Google AJAX库直接为来自Google数据中心网络的用户提供jQuery服务。 与在您自己的服务器上托管jQuery相比,这样做有几个优点:
- 延迟减少
- 并行性增加
- 更好的缓存
我将解释Google CDN的这三个优点,并向您展示一些使用此服务的示例。
减少延迟
CDN是Content Delivery Network的简称-这将您的静态内容分布在服务器上的不同位置。 当浏览器设法解析这些文件的URL时,它们的下载将自动来自网络中最近的可用服务器。
在Google AJAX库CDN中,物理上不在您服务器附近的用户仍然能够比强制他们从您的服务器下载jQuery更快地下载jQuery。
并行性增加
为了避免不必要的服务器过载,可以同时限制浏览器的连接数。 根据浏览器的不同,每个主机名的限制可能会最小化为两个连接。
借助Google AJAX库CDN,它将消除对您网站的一个请求,从而可以并行下载本地内容。 但是,对于使用六连接浏览器的用户而言,这并没有太大的区别,但是对于那些仍然使用仅使用两个连接的浏览器的用户而言,区别是显而易见的。
更好的缓存
理想情况下,为您的jQuery使用Google AJAX Libraries CDN的最大但最不为人所知的好处是根本不需要您的用户下载jQuery。
缓存的积极程度无关紧要。 但是,如果您在本地托管jQuery,则用户将需要至少下载一次。 即使他们的缓存中有大量相同的jQuery副本,当用户第一次访问您的网站时,这些副本也没有用。
怎么做
现在,您可能已经被Google AJAX库CDN说服了。 是时候向您展示如何做这些事情了。
在两种可用的方法中,此方法是Google建议的方法:
google.load()方法可提供最多的功能和性能。
例:
这没什么不对,实际上,这是对您自己托管jQuery的改进,尽管它没有提供最佳性能。
上面的图片清楚地表明,加载,解析和执行jsapi会对实际的jQuery请求产生负面影响。 这不是一个很大的数目,但这是一个延迟。
最糟糕的是,您无法可靠地将$(document).ready()处理程序与这种加载方法结合使用。 它需要setOnLoadCallback()。
回到基础
除了google.load()方法的所有弊端外,我建议使用这种旧方法
这样可以避免jsapi延迟,并消除了三个无用的HTTP请求。 我会推荐并喜欢这一个。
结论
最终,决定权在您手中。 您可以选择将jQuery本地托管在服务器上,也可以使用Google AJAX库CDN。 但是我希望上面的解释能完全显示出通过Google AJAX库CDN托管jQuery而不是自己托管jQuery的优势。 理想情况下,Google AJAX库CDN显然更好。
From: https://www.sitepoint.com/benefits-google-hosted-jquery/