Question

在站点性能/速度方面，链接到jquery是否更好，如下所示：

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

或者将文件放在服务器上并从那里链接到它们，如下所示：

<script src="js/jquery-1.9.1.js"></script>

Answer 1

这取决于谁拥有更快的服务器，对吧？：）

code.jquery.com有一些优势：

这很常见。如果用户去过使用该文件的其他网站，则可能已经缓存了该文件。
它可能在地理上负载平衡。对于远离您的Web服务器的用户来说，它可以加载得更快。

Answer 2

正如其他人提到的，本地回退总是一个好主意，但你也应该适当地设置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为jQuery构建的老式IE与更快，更高效的jQuery 2.0版本的变通方法。这使用Google CDN，因为它同时包含http和https版本，而code.jquery.com只有http。但是，如果https不是问题，那么code.jquery.com CDN通常会更快。

第二部分是检查是否创建了window.jQuery，如果没有，则使用本地版本。

使用CDN版本与本地版本的好处只是速度。他们的服务器带宽不仅比你的大很多（大），大多数浏览器之前都访问过该版本并将其存储在缓存中，因此浏览器不需要重新下载它。

Answer 3

附加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 boilerplate。

Answer 4

一般来说，使用CDN（例如code.jquery.com）将能够比您自己的服务器更快地将文件传递给您的用户 - 这就是它们的存在！

如果由于任何原因导致CDN失败，您可能还需要考虑在自己的服务器上使用副本作为后备。

Answer 5

在第一种情况下，您通过远程URL引用库，而在第二种情况下，它在服务器上本地可用。

所以这取决于很多因素。最后是关于你的最终用户与jquery url的距离。用户也可以更接近您的主机或jquery主机。此外，它还取决于哪一个最有效地提供请求。

Answer 6

我更喜欢使用googleapis：

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

这里是why.

链接到jQuery文件的最佳方式

6 个答案: