CDN——为你网站瘦瘦身！

时间 2019-12-07

原文原文链接

CDN(Content Delivery Networks)为咱们提供了不少方便全面的资源信息的托管，让咱们省去了在本身服务器中加载一些公共资源文件的流程，相对来讲减小了对服务器的请求，这样的便宜不捡白不捡。而使用CDN的好处还不单单如此，让咱们来看一下CDN能为咱们带来哪些sweet tips吧！javascript

什么文件适合用CDN加载

CDN主要适用于一些静态资源文件的加载，好比javascript文件、css样式文件、字体、图片、视频等其余资源文件。这些文件咱们每每放到本身的一些前端服务器中作处理（nginx），使用CDN就能够免除前端服务器部分工做了。css

使用CDN的好处

提高网站的性能
使用CDN最大的益处是为你的服务器提供“分流”，节省了你的带宽，减小了服务器的压力，不少CDN厂商提供的资源访问服务加载速度仍是比较快的（墙内除外）。
文件缓存
对于那些被广泛使用的资源文件（好比jquery），若是用户在访问你网站以前已经访问过其余使用该CDN的网站，那么在用户浏览器中已经对该资源文件作了缓存，对于你的网站来讲，这是个不错的性能提高！
高可用
相信微软、谷歌、雅虎的服务器相对于你自身的服务器来讲更加可靠些，他们提供了高可用、低网络延迟，下降了数据包的丢失概率。你无需担忧服务器宕机或者网络延迟的问题。
资源文件版本管理
对于某些资源文件的升级（css,js lib），你无需每次经过修改程序来加载最新的版本，只须要在加载CDN资源文件时指定始终加载"lastest"文件就能够。

CDN使用小贴士

省略URL的协议，去掉http:或者https:，这样就免去了协议的适配问题。如：

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

以防万一，提供一个备用的本地资源文件。
最近的google墙的很厉害，致使不少使用wordpress的站点，加载速度很慢，甚至直接致使页面没法加载，安全起见，咱们提供一个本地的备份资源文件：

<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js"></script>
    <script type="text/javascript">
    if (typeof jQuery == 'undefined') {
        document.write(unescape("%3Cscript src='/js/jquery-1.4.2.min.js' type='text/javascript'%3E%3C/script%3E"));
    }
    </script>

一些经常使用的CDN

Google: https://developers.google.com/speed/libraries/devguide
Microsoft: http://www.asp.net/ajaxlibrary/cdn.ashx
jQuery: http://jquery.com/download/
cdnjs: http://cdnjs.com
OSSCdn: http://osscdn.com前端