开发者社区> 华章计算机> 正文

《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链接之后,前面这个例子的代码基本结构如下:
image

如果使用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)按钮。

image

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

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
DNS解析与CDN原理
在互联网冲浪中,我们已经习惯了输入域名连接网站。也许你有了解过网络世界大家的「坐标」都是 IP 地址,但是 DNS 解析怎么找到 IP 地址?更有时,同一个域名申请还会返回不同的地址,这所谓 CDN 是如何实现的?
125 0
秒懂边缘云 | CDN基础入门:CDN原理及架构
本文将为您介绍「CDN 是什么」以及「CDN 在用户体验的提升中发挥了什么样的作用」。
1694 0
CDN - CDN架设、CDN产品介绍、CDN加速原理
CDN - CDN架设、CDN产品介绍、CDN加速原理
167 0
分布式架构原理--CDN加速静态文件访问
分布式架构原理专题: (演进过程及如何把应用从单机扩展的分布式;CDN加速静态文件访问;系统监控、容灾、存储动态扩容;架构设计及业务驱动分化;CAP\Base理论及其应用)
300 0
一对一直播开发,为什么还需要CDN的帮助
一对一直播开发,为什么还需要CDN的帮助
1753 0
CDN百科第七期 | 关于CDN的原理、术语和应用场景那些事
关于CDN,想必你一定看过很多官方的解释。今天,CDN百科第七期,将用一篇3844字的文章,来带你了解CDN的诞生、术语、原理、特征以及应用场景,看完这篇文章,相信你将会对CDN这项互联网基础设施有更加透彻的了解。
3545 0
阿里云CDN加速原理详解
了解和学习阿里云CDN的工作原理非常重要,这对于网站优化、解决用户问题都有非常大的帮助。本文主要介绍了阿里云CDN的加速原理和缓存策略,举了一些实际的例子方便读者能清晰地理解阿里云CDN。
6258 0
阿里云CDN加速原理介绍
了解和学习CDN的工作原理非常重要,这对于网站优化、解决用户问题都有非常大的帮助。本文主要介绍了阿里云CDN的加速原理和缓存策略,举了一些实际的例子方便读者能清晰地理解阿里云CDN。
2329 0
一对一视频聊天app开发借助了哪些CDN的服务功能?
直播行业的兴起加之各大直播平台对于CDN加速的需求量变大,在进行一对一视频聊天app开发时,不仅要保护数据的安全,还要实时把控直播内容和丰富的特色功能。对于这些用户需求,就需要找到存在低延时和高可用的CDN服务,从而帮助直播平台提高产品的高效开发。
1415 0
专业直播APP开发服务商教你直播平台搭建需要准备些什么——流媒体CDN服务篇
面对市面上良莠不齐的直播系统源码,以及参差不齐的搭建部署服务水平,却让想要运营直播平台的朋友们“头疼不已”。作为业内专业的直播APP开发服务商,今天就帮大家梳理下直播平台搭建需要准备的内容。
3047 0
文章
问答
来源圈子
更多
+ 订阅
文章排行榜
最热
最新
相关电子书
更多
构建智能化的视频系统 阿里云CDN的进化
立即下载
CDN数据化实践
立即下载
CDN技术架构
立即下载