《Bootstrap开发精解:原理、技术、工具及最佳实践》一2.2 Bootstrap CDN

本节书摘来自华章出版社《Bootstrap开发精解:原理、技术、工具及最佳实践》一书中的第2章,第2.2节,作者[美] 亚拉文·谢诺伊(Aravind Shenoy)乌尔里希·索松(Ulrich Sossou),更多章节内容可以访问云栖社区“华章计算机”公众号查看

2.2 Bootstrap CDN

在前面的示例代码中,我们对HTML5 shiv元素和respond.js文件使用了CDN。
所谓CDN,就是一个通过互联网部署在多个数据中心上的大型的分布式服务器系统。使用CDN意味着可以节省大量带宽,因为我们不再需要从自己的服务器上下载文件。我们可以受益于性能上的显著提升,因为浏览器可以并行地加载从CDN下载的各种文件,由于这些文件处在不同的域中,下载时不需要一个一个进行排队。此外,CDN提供的数据中心会更接近用户,也就是说,CDN通常是根据用户的位置和更快的路由速度来选择服务器的。因此,文件自然可以得到更快的加载。在某些情况下,CDN还会抽取出文件加载的需求。比如说,有大量的网站使用了Bootstrap CDN,如果网站的用户之前已经访问过其中的某一个网站,浏览器就会使用这些Bootstrap文件的相同副本,不需要再次从网上加载Bootstrap,从而提升网站的性能。
下载示例代码 本书的示例代码可以从华章网站(www.hzbook.com)下载。
加入CDN链接之后,前面这个例子的代码基本结构如下:
《Bootstrap开发精解:原理、技术、工具及最佳实践》一2.2 Bootstrap CDN

如果使用CDN的话,必须保持网络通畅;如果处于离线状态,一定要使用下载到的ZIP文件中的Bootstrap CSS和JavaScript文件。我们可以通过以下链接下载离线状态下使用的压缩版和未压缩版的jQuery JavaScript文件:http://jquery.com/download/
此外,我们还要在GitHub网站下载respond.js文件并在项目中引用它。respond.js文件的下载链接是:https://github.com/scottjehl/Respond
请单击图2-3中的Download ZIP(下载ZIP)按钮。

《Bootstrap开发精解:原理、技术、工具及最佳实践》一2.2 Bootstrap CDN

解压respond.js zip文件后,在解压出来的文件中,进入dest目录并复制respond.min这个JavaScript文件,然后把它放在JavaScript目录中并引用该文件。不过,网站只有在线上才能发挥作用,所以在Web项目中使用CDN是一种好的实践。
在本书中,我们会在一些章节中使用CDN,这样你就应该不会被HTML文档中的各种代码弄得摸不着头脑。为了清晰起见,避免过于复杂,我们会坚持使用CDN方法。