WordPress提速:引用CDN公共库加速服务

这类文章网上本来足够多了，我不应该发了。但是，他们讲的都十分模糊，让我一开始无所适从，根本不知道如何去修改，在这里，我会进行全面详细的讲解，如何进行这个操作。

一、为什么要用CDN公共库加速

很明显，除了加速，还是加速。加速的方面有两点：

• 当其他网站也运用同样的CDN公共库时，会缓存在本地，那么别人访问你的网站时就无需重新加载。
• 公共库普遍有多个节点线路，能够在各地都能实现良好的加载速度。

二、都有哪些CDN公共库加速服务

2-1国内服务

• 新浪云计算CDN公共库
• 又拍云JS库CDN服务
• 七牛云存储

2-2国外服务

• CDNJS
• Google Hosted Libraries
• Microsoft ASP.net CDN
• jsDelivr

2-3其他CDN加速

这类加速包括 Google 公共库、Google 字体库、Gravatar等：

1.) css.net
2.) 极客族公共加速服务
3.）中科大谷歌字体CDN（fonts.lug.ustc.edu.cn）

以上三家CDN加速服务，仅360不支持SSL加密，如果自己的博客是https，浏览器就不会出现“小绿锁”了。目前来说，以上三家的速度排名为：

1. css.net
2. 极客族公共加速服务
3. 中科大谷歌字体cdn

我仅在本地网络环境下测试过，其他地方不一定保证是同样的情况。

三、如何使用CDN公共库加速

不同的博客程序，具体的操作方法不同，以下是WordPress的操作方法，如果自己的博客程序是其他，自行谷歌。

先打开自己的网站，鼠标右键——审查元素（我用的Chrome浏览器）。下面出现一个操作栏，我们把视图切换到Network，点击刷新，然后在操作栏就会出现很多内容。在这里我们需要找出拖慢网站速度的元素，点击一下Time，使得这些内容以加载速度排名，排名最慢的在最下面，滚动到最下面看一看最拖慢速度的元素。
这些都是页面元素，我们可以点开一个看看，能够出现更加详细的信息。在详细的信息中复制js名子，然后进入网站后台——外观——编辑，打开 function.php，ctrl+f 搜索之前复制的名字，即可直接定位到编辑位置。

wp_enqueue_script( 'bluth-magnific', get_template_directory_uri() . '/assets/js/jquery.magnific-popup.js', array('jquery'), BLISS_VERSION, true);

这个是我随便粘贴的一段，只要里面有 get_template_directory_uri() 就是资源从网站本地获取，要从其他地方获取就需要改成 $protocol.':。现在我们把它的地址换成CDN的地址，打开上列网站的其中一个，在里面搜索 jquery.magnific-popup.js，我在 cdnjs 这个网站中搜到了以下内容：

//cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/0.9.9/jquery.magnific-popup.min.js 替换以后变成了这样。 

wp_enqueue_script( 'bluth-magnific', $protocol.'://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/0.9.9/jquery.magnific-popup.min.js', array('jquery'), BLISS_VERSION, true);

把所有能替换的都换了吧~不过国内的cdn公共库速度最快，但是国内CDN公共库的资源没有那么全，可能会找不到你需要的。不过有个缺点需要提一下，CDN的使用不利于SEO！