3

是否更好地引用jQuery文件包含以jQuery CDN获得更好的性能？

喜欢

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

或者

jQuery在我们的项目中引用存储的文件更好吗？

喜欢

<script type="text/javascript" src="/js/jQuery.min.js"></script>

当链接处理缓存时，它是否比我们项目中包含的文件jQuery CDN更能提高性能？jQuery

4

3 回答 3

6

这样做有一个后备

<script src="//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="/libs/js/jquery-3.2.1.js"><\/script>')</script>

CDN 首先，如果没有（或被阻止）？所以从你的服务器带来

为什么我应该为 jQuery 使用 Google 的 CDN？（对我来说，我的观点是关于Cache Hit）

于 2013-10-03T07:13:50.743 回答
4

第一个变体。因为谷歌拥有最好的全球服务器。

  • 降低延迟
  • 增加并行度
  • 更好的缓存

启动 jQuery 引擎的最佳方式：

<script src="http://www.google.com/jsapi"></script>
<script>
  google.load("jquery", "1.10.2");

  google.setOnLoadCallback(function() {
  // Place init code here instead of $(document).ready()
 });
</script>

这是一篇很好的文章：

http://encosia.com/3-reasons-why-you-should-let-google-host-jquery-for-you/

于 2013-10-03T07:09:01.593 回答
1

使用 CDN：

  • 如果用户已经在其他网站上下载了该文件，则该文件已经在缓存中

  • 如果用户没有该文件，该文件将始终位于离您的访问者最近的服务器上

  • 此外，您将减少服务器上的负载，从而使其能够更快地呈现网站

于 2013-10-03T07:11:16.573 回答