哪里包括jQuery库？Google JSAPI？CDN？

Question

有几种包含jQuery和jQuery UI的方法，我想知道人们在使用什么？

• Google JSAPI
• jQuery’s site
• your own site/server
• another CDN

我最近一直在使用Google JSAPI，但发现建立SSL连接甚至解决google.com都花费很长时间。我一直在将以下内容用于Google：

<script src="https://www.google.com/jsapi"></script>
<script>
google.load('jquery', '1.3.1');
</script>

我喜欢使用Google的想法，以便在访问其他站点时将其缓存并节省我们服务器的带宽，但是如果它一直是站点的慢速部分，我可能会更改其包含范围。

你用什么？你有什么问题吗？

编辑： 刚刚访问jQuery的站点，他们使用以下方法：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>

Edit2： 这是去年我一直没有任何问题地包含jQuery的方式：

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

区别在于删除http:。通过删除此选项，您无需担心在http和https之间切换。

Answer 1

毫无疑问，我选择让Google API服务器提供JQuery。我没有使用jsapi方法，因为我没有利用任何其他Google
API，但是如果改变了，我会考虑使用它。

第一： Google api服务器分布在世界各地，而不是我的单个服务器位置：服务器越近，通常意味着访问者的响应时间越短。

第二：
许多人选择将JQuery托管在Google上，因此，当访问者访问我的网站时，他们可能已经在其本地缓存中包含了JQuery脚本。预先缓存的内容通常意味着访问者的加载时间更快。

第三： 我的网络托管公司向我收取使用的带宽。如果访问者可以在其他地方获得相同的文件，则每个用户会话消耗18k毫无意义。

我了解，我对Google表示信任，以提供正确的脚本文件，并且可以在线使用。到现在为止，我对使用Google并不感到失望，并将继续进行此配置，直到没有必要为止。

值得一提的是… 如果您的网站上同时存在安全页面和不安全页面，则可能需要动态更改Google源，以避免在安全页面中加载不安全内容时看到的通常警告：

这是我想出的：

<script type="text/javascript">
    document.write([
        "\<script src='",
        ("https:" == document.location.protocol) ? "https://" : "http://",
        "ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'>\<\/script>" 
    ].join(''));
</script>

2010年9月8日更新 -已提出一些建议，以通过删除HTTP和HTTPS并仅使用以下语法来降低代码的复杂性：

<script type="text/javascript">
    document.write("\<script src='//ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'>\<\/script>");
</script>

此外，如果您要确保已加载最新的Major版本的jQuery库，也可以更改url以反映jQuery主编号：

<script type="text/javascript">
    document.write("\<script src='//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'>\<\/script>");
</script>

最后，如果您不想使用Google并希望使用jQuery，则可以使用以下源路径（请注意jQuery不支持SSL连接）：

<script type="text/javascript">
    document.write("\<script src='http://code.jquery.com/jquery-latest.min.js' type='text/javascript'>\<\/script>");
</script>