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

时间:2015-09-15 08:51:33

标签: javascript jquery performance twitter-bootstrap cdn

目前,我已将 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 用于引导程序,但 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>

他们之间有什么显着差异吗?

2 个答案:

答案 0 :(得分:0)

为什么要通过cdn包含css / js是一个很好的解决方案?只需将自己减少到一个css和一个js,因为在你的情况下它很容易。结果将是更快的页面加载并且不依赖于某些互联网资源&gt;即使离线时该页面也可用

答案 1 :(得分:0)

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

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

另一方面,使用Google CDN,您可以将文件缓存在用户的浏览器中,因为使用Google CDN是一种相当常见的做法。