博客

为什么要用CDN?

• 浏览器从服务器上下载CSS、js和图片等文件时都要和服务器连接，而大部分服务器的带宽有限，如果超过限制，网页就半天反应不过来。而CDN可以通过不同的域名来加载文件，从而使下载文件的并发连接数大大增加。
• jquery一类的库文件被广泛使用，如果访问你网站的用户的浏览器之前在访问别的网站时通过和你相同的CDN已经加载了jquery，由于该文件已经被缓存了，就不用重新下载了。
• CDN具有更好的可用性，更低的网络延迟和丢包率。
• CDN能提供本地的数据中心，这样一来，那些远离你网站主服务器的用户也能就近很快地下载文件。
• 很多商业付费的CDN能提供使用报告，这可以作为你自己网站分析报告的补充。
• CDN能够分配负载，节省带宽，提高你网站的性能，降低网站托管的成本，通常是免费的。

CDN的不足

• 在开发阶段如果处在断网环境下，CDN文件是无法加载的。
• 不够灵活。比如你只使用jquery库的一小部分，如果使用CDN上提供的文件就没办法进行拆分，还是得下载原来的大小，反而没有自己拆分后加载速度来得快。
• 尽管一些流行的CDN文件事先缓存过的几率较大，但并不是一定的，一些移动设备的缓存可能很小而且效率很低，CDN的优势就不明显了，特别是当你可以在本地服务器上存放比CDN文件更小的文件时。
• 由于地理、法律、政策和商业上的阻隔，你所在的地区可能屏蔽了一些流行的免费CDN服务的域名或者IP地址。
• CDN会有出故障的时候，这时候要有备用方案，也就是你的本地文件，这种处于稳定考虑的冗余会增大开发工作量和复杂度。
• 如果安全性对你的网站很重要，就不要使用公共的CDN，因为当你远程从CDN请求文件时，你的访问来源信息也被发送过去，一些远程的js文件可能被修改用来搜集你的用户或者系统信息，而当你使用https协议时，能选择的CDN就更加有限。

你到底要不要用CDN呢

• 几种明确不该用CDN的情况：

  1. 你构建的是内部网络应用，不与外部Internet连接；
  2. 像银行系统这样的应用，安全和隐私是最优先考虑的，就要让所有源文件和服务器位置完全处于自己掌控中；
  3. 你为公司或者国家开发的应用，而他们恰好对某些CDN的域名或者IP地址限制访问。

• CDN对低流量的小网站性能提升并不明显，如果没有需要高带宽的视频、音频文件，把你的文件放在一起可能还更简单。

• 对流量高的网站，CDN可以大大提升性能，但假如你的用户以移动设备为主，可能自己优化过的小文件比CDN上的大文件要下载和执行的更快。

• 在实际中通过JavaScript搜集用户分别使用CDN文件和本地服务器文件时加载页面的速度，以决定一段时间内是选择CDN还是本地文件。

• 对于重要的文件，最好还是提供本地文件的冗余，以应对CDN文件不可用的情况。以jquery为例：

  <script src="https://ajax.googleapis.com/ajax/libs/jquery1.4.3/jquery.min.js"></script>
  <script>!window.jQuery && document.write("<script src=\"scripts/jquery-1.4.3.min.js\">" + "<\/scrript>")

  这里通过判断window.jquery全局对象是否存在来判断jQuery是否通过CDN加载成功，不成功就通过
  
document.write

  方法来加载本地的jQuery文件，注意这里用到了转义字符‘\’避免浏览器将
  
document.write

  方法内的“
  
</script>

  ”当成了结束标签。

• 一些对系统并不是至关重要的文件诸如字体文件、css重置、js小插件、背景图片等可能适合使用CDN，因为即使CDN文件不可用，网站也能做到平稳退化。

总结

看到这里，我想你也觉得CDN是好的，只是要把它用好，还是应该遵循前面讲到的一些原则，简单的说，在实践中，一些流行的库文件和字体文件使用CDN是好的，对于大型网站来说，使用私有CDN也能极大提升速度和降低成本，但如果你的应用对安全、隐私和可靠性要求较高，那就要在CDN的性能提升和安全考量之间做一下权衡了。

<script src="https://ajax.googleapis.com/ajax/libs/jquery1.4.3/jquery.min.js"></script>
<script>!window.jQuery && document.write("<script src=\"scripts/jquery-1.4.3.min.js\">" + "<\/scrript>")

如果使用cdn的话一定要用上方这种格式来写，否则下图就是前车之鉴，我几乎所有的项目都多少用到一些cdn，结果全挂。。。