个人博客网建站优化经验总结（下）



二、优化篇：

虽然网站已经上线可用了，但性能上还存在很多可优化提升的空间。下面就重点介绍一下可以进行的优化：

1. Wordpress插件：WP Super Cache

WP Super Cache是一个非常好用的静态化插件，它从你的动态Wordpress 文章中生成静态的html文件。当一个html文件生成后，你的服务器在下次收到请求时就可以直接吐出这个文件，避免WordPress PHP脚本的处理，从而节省系统资源，提高响应速度。

WP Super Cache本身的安装非常简单，在wordpress后台的“插件”页面点击“安装插件”然后搜索到之后一路安装就行了。只是对于nginx+wordpress，需要在nginx.conf中配置一下mod_rewrite规则。网上也有专文描述，这里不赘述。

2. 图片云存储：七牛云存储（重磅优化，重点介绍）

网页要想漂亮，图片少不了。假如图片完全存储在你的wordpress后台，那用户访问你的网站时，图片相比文字会占用你带宽的大头，假如你的带宽不够充裕，那你网站的并发数也很难提上去，响应速度也可想而知。这里用七牛云存储加上WP Super Cache的CDN功能是一个完美的解决方案。

七牛云存储是由七牛提供的在线存储服务，尤其适合存储图片等静态资源，通过云端接口向企业客户提供网上无限存储空间，和传统的云存储服务（如 Amazon S3）不同，七牛云存储还增加了上传下载传输加速以及富媒体云端处理特性。

七牛云存储支持绑定域名（需要备案域名），全网 CDN 加速（多数据中心+多加速节点，上传下载均加速）、持续在线，可以无限扩展、用户只需按需付费，无硬件投资，并且还有免费套餐的，每个月 10G 流量，总空间 10GB。

除了云存储以外，七牛还支持传统 CDN 的镜像存储，这个功能是七牛相对其他类 Amazon S3 服务最强悍的地方，因为对于很多 WordPress 站点来说，有了这个功能，就无需将原来的图片上传到七牛的服务器上，只需在 WordPress 站点做些简单的修改，就可以使用七牛的 CDN 服务了，真正实现 WordPress 网站静态文件 CDN 加速。

在 WP Super Cache 中使用七牛云存储的步骤如下：

1. 申请七牛账户，点击这里即可申请；

2. 登陆七牛，选择你的空间，然后点击 空间设置 > 域名绑定，输入自定义的域名，或者直接使用七牛提供的域名，以xxxx.com为例设置好后的效果如下：

我这里是使用了自定义域名cdn.xxxx.com，用于存放图片、css、js等静态内容。这一步是把自定义子域名cdn.xxxx.com和七牛提供的子域名xxxx.qiniudn.com绑定在一起。

3. 然后点击 镜像存储 菜单，点击一键加速按钮，输入源站的地址，点击确定加速，以xxxx.com为例设置好后的效果如下：

这一步设置好之后，表示用户访问xxxx.qiniudn.com的资源，假如没有，则会自动从www.xxxx.com去拉取。

4. 最后登陆 WordPress 后台，点击 设置 > WP Super Cache，选择 CDN Tab，在 off-site url 里面输入前面第一步获取的 url（注意要带 http://），如果你的 WordPress 安装子目录，这里还要带上子目录，并且实际测试下，xxxx.com的设置如下图：

这一步设置好之后，用户访问www.xxxx.com的图片、css、js等静态资源时，会把访问url中的www.xxxx.com替换成cdn.xxxx.com。

5. 在域名服务商或dns服务商那里新增一条cname解析记录，如下所示：

其中方框中的记录值可以在七牛的空间设置页面获得。还记得第3步的设置吗，在第3步设置好之后，会把访问静态资源的url中的www.xxxx.com替换成cdn.xxxx.com，而经过这一步的设置，则会把对cdn.xxxx.com的请求路由到cdn.xxxx.com.qncdn.qiniudn.com，其实也就是xxxx.qiniudn.com。而前面也说了，假如xxxx.qiniudn.com没有所请求的资源，会自动去www.xxxx.com拉取。拉取到之后下次再有用户访问这些资源，就可以直接在xxxx.qiniudn.com拿到并吐出给用户了。也就是说，这些图片等静态资源的访问根本就不需要经过你的服务器，也不用占用你服务器的宝贵带宽了。OMG，太完美了，不是吗？

需要再强调一下的是七牛云存储是有免费套餐的——每个月 10G 流量，总空间 10GB，这对于新上线的小站完全够用了，也就是说初期你可以不花一分钱就给网站带来极大的性能提升。假如网站发展得很好，流量上去了，超过了七牛给的免费额度，那真该恭喜你了，这时按需付费购买服务也是理所当然的。而且七牛云存储本身价格就非常有竞争力，另外10G免费流量和空间仍然是可以抵扣的。点击这里申请七牛账户。

3. nginx优化：ngx_pagespeed

ngx_pagespeed是由谷歌开发的网站服务器模块的nginx版本，可以自动进行各种优化（比如，减小文档大小、减少HTTP请求数据、减少HTTP往返次数以及缩短DNS解析时间），从而缩短网页加载的时间，减少网站服务器的带宽使用量。xxxx.com在编译nginx时用到了ngx_pagespeed-1.8.31.3-beta。

4. 使用tmpfs

tmpfs是linux上一种基于内存的文件系统，优势是它闪电般的速度。需要注意的是tmpfs不具备持久性，重启后数据不保留，不过我们只用它来存储缓存文件，即使文件丢失也不影响网站访问，完全无风险。

还记得前面介绍WP Super Cache可以将动态生成的内容静态化，也就是生成静态的html文件。这些静态的html文件是存放在硬盘上的，大家知道硬盘的速度是远不如内存的，那么把这些文件放到tmpfs里如何呢？So good，现在用户访问你的网站，可以直接读取静态文件，而这些静态文件又放在tmpfs的内存中，速度能不快吗。

设置wordpress的缓存文件使用tmpfs的方法如下：

首先为wordpress的缓存文件建立一个目录wpcache
 # mkdir /dev/shm/wpcache
赋予读写执行权限
# chmod 1777 /dev/shm/wpcache
将tmpfs挂载到wordpress缓存插件生成的/cache目录下
# mount --bind /dev/shm/wpcache /usr/local/nginx/wp-content/cache
 # ls -ld /dev/shm/wpcache
返回类似下面的内容说明挂载成功
drwxrwxrwt 3 www www 60 Jul 31 22:50 /dev/shm/wpcache

 

总结一下，经过一系列的优化，现在用户访问你的网站，对绝大多数用户可以无需计算直接吐出WP Super Cache生成的静态文件，而这些静态文件现在放到了tmpfs的内存中，速度飞快。而静态文件中的图片、css、js等静态资源又可以直接请求七牛qiniudn.com的cdn网络拿到，这里的速度也非常快。所以网站的性能肯定非常好了，基本达到了非代码层面优化的极限，剩下的主要看你服务器的带宽了。

对于部署在非常低成本低配置（1核1G内存）腾讯云服务器上的的个人博客网来说，大家可以试试是不是达到了这种低配服务器之前难以想像的响应速度。当然还有一个优化点是dns解析，目前来看dns解析的时间在整个响应时间里占了挺大一块，这里值得优化，这个回头再说了。