小编典典

你从哪里包含 jQuery 库?谷歌 JSAPI?CDN?

all

有几种方法可以包含 jQuery 和 jQuery UI,我想知道人们在使用什么?

  • 谷歌 JSAPI
  • jQuery的网站
  • 您自己的站点/服务器
  • 另一个 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 之间切换。


阅读 61

收藏
2022-05-29

共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>

更新 9/8/2010 - 提出了一些建议,通过删除 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>

此外,如果您想确保加载了最新的主要版本的 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>
2022-05-29