从25秒到5秒—wordpress站点性能优化实战

追溯到前三个月，如果你访问RIA之家，将是痛苦的经历，打开一个首页需要高达25秒的时间！那时候很多朋友向明河抱怨RIA之家实在是慢到令人发指，而如今RIA之家的访问时间已经是5秒，明显快了非常多（5秒其实还是不够快）。

今天这篇文章，明河以优化RIA之家性能为例讲述如何优化wordpress站点。

一、准备

1、YShow ：web性能优化必备工具。

2、测速站点：http://tools.pingdom.com/

3、合并背景图片 ：http://www.csssprites.com/

4、Closure Compiler ：http://closure-compiler.appspot.com/home  google在线压缩js工具

二、选择一个好的虚拟主机

最为主要的因素，虚拟主机速度的快慢直接决定了你站点的速度，之前RIA之家站点访问速度之所以延迟到25秒，就是主机（国外）在作祟，前几月明河换了个新的主机，速度要快上15秒！新的主机也一样是国外主机，所以国外主机速度也是有区别的。

三、安装wp-super-cache

我想大部分玩wordpress的朋友都有安装这个插件，关于此插件的教程网上很多，明河就不再累述。

四、ajax化站点

RIA之家原来的导航、幻灯片、最新评论、右侧头部菜单并没有采用ajax技术，加入后速度提高的同时，也加强了用户体验。

五、尽量少用会向页面添加新的css、js的wordpress插件

很多朋友的wordpress博客运行慢的主要原因就是使用过多的wordpress插件。

遵循YShow建议优化

接下来的优化过程，需要用到优化利器：YShow

上图是YShow对RIA之家，为什么只有C？有几个评级选项，明河是无能为力，比如要求站点使用CDN，头部加上过期时间，添加ETags，这几项都是F，不是明河不想优化，而是这几项需要服务器的支持，虚拟主机一般都没办法处理这几项。

六、 尽可能的减少 HTTP 的请求数

1、使用css sprites技术合并背景图片

这里推荐个好的站点：http://www.csssprites.com/

它可以自动将你上传的图片合并并给出对应的background-position坐标，并将结果以png和gif的格式输出。

明河将图片合并成2张图片，一个是icon.png用于存放不需要repeat的图片碎片，另外一个是h-sprites.png需要repeat-x的图片。

2、合并js文件，并使用Closure Compiler压缩js

3、合并css文件

七、开启Gzip

gzip需要服务器的支持，开启Gzip后首页文件大小缩小了40%，速度提高了2-3秒。

八、 将 CSS 样式放在页面的上方而将脚本移动到底部
这里值得一提的是大部分的wordpress插件都是往头部加js和css，这时候需要你手动打开wordpress插件，修改add_action(“wp_head”,xxxx),改成add_action(“wp_footer”,xxxx)，再去掉css，将css合并到你主题的style.css中
优化结束。

使用Pingdom常看下站点速度：

还有提升空间，有进一步的优化心得再与各位分享，谢谢。