WordPress优化之合并CSS

博客换了新家,速度得到了质的飞跃,原来的51啦统计也换成了百度的统计,但是用百度统计的同时测了一下网站速度,发现还是有提升的空间,这里面比较关键的一点就是:合并CSS

主题作者在书写CSS的时候,通常为了提升CSS的可读性,会加上很多注释、空格,而且为了提升兼容性,以及插件的存在,在打开网站的时候,会加载多个CSS文件(例如我的博客在优化前需要加载4个CSS文件)。由于TCP协议的三次握手制,每一次加载一个CSS文件时,都需要建立一个TCP连接,而TCP连接建立又是一个耗时的过程,因此,减少页面的请求,也就成为了优化加载速度的关键。

优化合并CSS,推荐一个工具,CSSTiny,把各个CSS文件都粘贴进去,然后优化过以后,可以显著减少文件的体积。对于主题的CSS,基本只用修改header.php,把主题带入的CSS都放入Style.css里面即可。对于插件的CSS,则要去修改插件的Php代码了,首先把插件的CSS合并到Style.css里面,然后再插件的php文件里找到引入CSS的代码(通常在head的函数中),把对应的代码删除即可。

是不是很简单呢?如果你的服务器在国外的话,这个优化效果会非常明显~因为在国外的服务器发起请求建立连接往往会花费更长的时间。