包含来自单个和多个 CDN 提供商的文件之间的区别答案

【问题标题】：Difference between including files from single and multiple CDN providers包含来自单个和多个 CDN 提供商的文件之间的区别
【发布时间】：2015-09-15 08:51:32
【问题描述】：

目前，我已包含来自 Google、Bootstrap CDN 和 jsDelivr 的文件：

<link rel='stylesheet' id='bootstrap-css'  href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css' type='text/css' media='all' />
<link rel='stylesheet' id='fontawesome-css'  href='https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css' type='text/css' media='all' />
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js'></script>
<script type='text/javascript' src='https://cdn.jsdelivr.net/jquery.migrate/1.2.1/jquery-migrate.min.js'></script>

我的脑海里总是浮现出 Google 是最适合 jQuery 的来源，而 Bootstrap CDN 是最适合 bootstrap 的来源，但 jsDelivr 支持所有其中，我应该只从 jsDelivr 导入这些文件吗？

<link rel='stylesheet' id='bootstrap-css'  href='https://cdn.jsdelivr.net/bootstrap/3.3.5/css/bootstrap.min.css' type='text/css' media='all' />
<link rel='stylesheet' id='fontawesome-css'  href='https://cdn.jsdelivr.net/fontawesome/4.4.0/css/font-awesome.min.css' type='text/css' media='all' />
<script type='text/javascript' src='https://cdn.jsdelivr.net/jquery/1.11.3/jquery.min.js'></script>
<script type='text/javascript' src='https://cdn.jsdelivr.net/jquery.migrate/1.2.1/jquery-migrate.min.js'></script>

它们之间有什么明显的区别吗？

【问题讨论】：

标签： javascript jquery performance twitter-bootstrap cdn

【解决方案1】：

为什么通过 cdn 包含 css/js 是一个好的解决方案？只需将自己减少到一个 css 和一个 js，因为在您的情况下这很容易。结果将是更快的页面加载，并且不依赖于某些 Internet 资源 > 该页面即使在离线时也将可用

【讨论】：

【解决方案2】：

使用多个 CDN:s 的一个优点是绕过浏览器的并发连接限制，因为它受到服务器的限制。

一些统计数据： Max parallel http connections in a browser?

另一方面，使用 Google CDN，您可能会发现文件已经缓存在用户的浏览器中，因为使用 Google CDN 是一种相当普遍的做法。

【讨论】：