javascript - 从网络加载 js 文件还是自己提供服务？

Question

我已经有一段时间有这个问题了，很惊讶我还没有找到一个好的/完整的答案。

问题本质上是这样的:当谈到加载 js 文件时，在什么情况下你应该从网络加载它们(如果可用)而不是自己提供它们？什么情况通常允许最低延迟？

例如

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

对比

<script src="js/jquery-1-11-3.min.js"></script>

Answer 1

完整答案:两者皆有。

从网络上加载它会在以下几个方面使您受益:

1) 浏览器可以拥有的最大打开 HTTP 请求数是有限制的。但是，此限制是针对每个域的。因此，访问 Google 的服务器不会阻止您加载 CSS/图像。

2) 用户很可能已经缓存了该文件，因此他们将收到 HTTP 304 not changed 响应，而不必下载该文件。

话虽如此，有时服务器会宕机，或者网络问题会阻止您加载该文件。发生这种情况时，您需要一个解决方法，我们可以这样做:

<script>
if (typeof jQuery == 'undefined') {
    document.write(unescape("%3Cscript src='/js/jquery-2.0.0.min.js' type='text/javascript'%3E%3C/script%3E"));
}
</script>

在从 CDN 加载 JQuery 之后放置此标记，如果加载失败，jQuery 将未定义并继续从本地源加载它。如果来自 CDN 的负载有效，则将跳过此 block 。