jQuery 通过 Google CDN 最佳实践

Question

我使用以下代码通过 Google 的 CDN 加载 jQuery。

我的主要问题是，如果用户访问我的网站并且尚未预缓存 jQuery，将会发生什么情况。他会下载 Google 版本和我自己的版本吗？这里的并发是如何工作的？

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
    if(typeof jQuery == 'undefined') {
        //<![CDATA[
        document.write("<script src='/includes/jquery-1.4.2.min.js' type='text/javascript'><\/script>");
        //]]>
    }
</script>

谢谢。

Answer 1

在您的示例代码中，他们将下载 Google 版本如果由于其他网站原因他们还没有该版本。然后如果由于某种原因谷歌关闭了，他们会下载你的版本，他们不会同时下载两个版本。仅当第一个(来自 Google)失败时才请求第二个。

检查是这样的:

1. 我们是否缓存了 Google 版本？
   • 是 - 好的，可以使用它。
   • 否 - 从 Google 下载并使用它。
2. 是jQuery (JavaScript 对象)定义了吗？
   • 是 - 好的，加载正常，if()为假，继续。
   • 否 - 天哪! Google 加载失败，无论是从缓存还是提取，需要从其他地方加载
     • 通过新的 <script> 从您的网站加载它刚刚添加的标签。