记一次 Wordpress 速度优化过程

前几天把博客从阿里云迁移到老薛香港主机并切换新域名后，今天突然觉得网站访问好慢好慢，既然已经用了正式的域名了，那就索性把博客弄的正经一些。

首先我F12查看了网页资源请求，发现 jquery.js 文件应用的是博客目录下的，我就想能不能把它替换成百度的静态资源库调用，毕竟百度在国内访问速度还是可以滴，打开博客源代码，找到文件 \linma.me\wp-content\themes\twentyseventeen\functions.php ，?twentyseventeen 是我使用的默认皮肤。在最下方添加如下代码：

if ( !is_admin() )
{
	function add_scripts() {
		wp_deregister_script( 'jquery' );
		wp_register_script( 'jquery', 'http://apps.bdimg.com/libs/jquery/1.11.3/jquery.min.js');
		wp_enqueue_script( 'jquery' );
	}

	add_action('wp_enqueue_scripts', 'add_scripts');
}

这段代码的意思是，设置jquery调用百度地址，保存之后，发现打开速度还是不够理想。

我想要把所有的资源文件全部修改到调用百度、淘宝等公开静态资源库，发现这个工程量还是蛮大的。这个方法不行，再想想其他方案。

大家都知道，新版本的 wp 使用了 google 的字体文件，由于你懂得的原因，google 字体在大陆无法访问，如果你的主题中含有该文件，那么页面打开会非常非常慢，直到请求超时，好在我找到了一个替换方案，把google字体文件替换成360字体文件，即可修复这个问题，修复方法很简单，打开文件?\linma.me\wp-includes\script-loader.php ，找到 $open_sans_font_url ，修改为以下代码即可（只需要把 googleapi 字样换成 useso ）。

$open_sans_font_url = "https://fonts.useso.com/css?family=Open+Sans:300italic,400italic,600italic,300,400,600&subset=$subsets";

记得很久以前，接触过七牛云存储，隐约记得七牛云存储有免费空间额度，只不过是限制单日get/put请求次数和单日流量，总空间大小也是有些限制，不过对于我这样一个小站来说，绰绰有余了。

想要把站点资源文件放到七牛上，就需要注册七牛账号，创建七牛对象存储，获取 put 密钥，编写代码实现资源文件put到七牛空间，再替换资源文件引用路径为七牛提供的二级域名地址。这样就可以使用七牛在国内各大机房的资源了。图示如下（原谅我画的这图，机器没装visio）：

这一系列的工作量还是蛮大的，作为习惯偷懒且不愿意重复造轮子的我来说，第一件事，必然是找度娘问了，想要看看有没有什么现成的方案可用。

果不其然，度娘向我推荐了赫赫有名的wordpress插件?WP Super Cache ?，插件配置如下图：

以上配置中， Off-site URL 是七牛空间创建好之后分配给我的资源域名，其他保持不变，然后勾选 “开启CDN支持” 即可。在一切准备就绪之后，点击“保存更改”按钮。之后请求网站，资源在第一次请求的时候，如果发现七牛中没有该资源，就会从指定的目录（wp-content,wp-includes）读取并保存。后边再读取，就直接从距离访客最近的七牛服务器读取了，速度快了很多。

这个时候，我们F12打开浏览器的开发者工具，切换到 Network 选项卡，就可以看到资源文件的请求地址，不再是我网站本身 www.linma.me 了，效果如下图：

因为浏览器有同域资源文件并行下载数量限制，一般为3个，如果所有资源文件从我们自己的服务器请求，不但会占用自己服务器的宽带资源，而且会影响打开速度，如果资源文件数量过多，会排队下载，先下载3个，下载完之后再下载接下来的三个，依次类推，直到下载完为止。如果我们用了CDN（七牛），除了可以享受七牛的内容（流量）分发之外（就近下载），还可以提高网站访问速度、减少我们服务器宽带占用。

下边给出七牛的操作步骤：

首先，打开七牛网站?http://www.qiniu.com/ ，注册账号并登录。

在左侧菜单选择 “对象存储”