wordpress速度优化之压缩合并css，js-也说技术

自从开站以来，小站的速度一直不快——当然，不客气的说是贼慢！随着Google修改网站价值的评定标准，把“网站载入速度”加入评定标准，网站的速度优化就刻不容缓了。

对于Wordpress网站的速度优化，不外乎一下几个方面:

1. 减少HTTP 请求
2. 优化图片，css，js，减小体积
3. 开启gzip压缩
4. 开启缓存当然，css，js放置位置，即页面的布局也很重要——你不能把大量的js放置在页首~诸如此类。

老饕正式开启优化小博速度之旅~~先搞简单的，优化合并css，js。

一.优化css，js代码

使用Icey’s CSS Compressor和CleanCSS在线压缩工具可以有效的简化CSS，但是有一定的概率会使页面改变原貌。其实CleanCSS压缩采用的就是CSSTidy，你可以下载一个CSSTidy离线工具进行压缩——在压缩之前最好先在W3C 验证确保你的原始码合乎规范,这样才可以减少出错的几率。

js的压缩也是同样的方法，其实大部分插件中的js文件已经被作者压缩过了，真是省了我们很多时间。

保持一份原始的css，js代码，以防那个什么~~呵呵

二.合并css，js代码

方法一：

合并css，js代码，除了人力的粘贴~比如：

将a.js、b.js、c.js……中的代码复制在一个文件中，保存为all.js。将原来调用a.js、b.js、c.js……的引用代码替换成： <script src="/××××/js/all.js" ></script> ，完后删除原js即可（当然你也可以不删的~~ ）

方法二：

参阅阅微堂的合并的方法，因为自己动手合并，会对以后插件的升级有所影响，所以推介还是用这个方法：
具体是建立一个新的all.js.php文件，内容是：

1    <?php
2    require_once(‘目录/wp-blog-header.php’ ) ;
3    include ("/blog/a.js" ) ;
4    include ("/b.js" ) ;
5    ?>

其实就是将header.php里面的那些js文件都include到all.js.php，然后在header里面包含all.js.php文件即可：

<script xsrc="all.js.php" type="text/javascript"/>

另外还要做的一件事情是需要把原来那些js文件从head里面去掉。通常这些js文件都是通过

add_action('wp_head','fun' );

这样的钩子添加到head里面的。在function函数的定义处去掉对应的代码，或者直接把这条语句删除即可。

ps：最近老饕在折腾，如果哪位童鞋“不小心”发现”i飞扬“博客某处显示不正常了，一定记得告诉老饕喔！

参考优化方案：

优化Wordpress-wp终极优化手册

微草堂：加速blog