合并css和js文件，加快浏览速度
Jun 22nd, 2007 by king
虽然现在本站首页、独立文章页等都已经静态化，但由于服务器在美国的DH上，所以有的时候响应速度还是有点让人受不了。在网上搜了很多关于Wp优化的文章，这里推荐一篇优化合集：优化Wordpress-wp终极优化手册。其实很早就看了这篇文章，但是一直懒得动手。
查看了下Ks Home首页的源文件，发现里面有很多条载入js和css文件的html语句。也就是说系统在显示首页的时候，会读取这些文件，而这个时候会产生大量的http requests，其中产生的延时约为0.2秒/个，这将使得读取速度大大降低！
因此，今天主要合并了wp插件中的css和js文件，但我这里并没有使用阅微堂的手动合并的方法中新建一个all.js.php的方法。对于css文件，我的做法是直接手动合并，简单的将几个css文件里的样式全部Copy到Theme的style.css中，然后删除相应的css文件，并删除插件中调用该css文件的相应php语句。至于对js文件的处理，我是先新建一个all.js文件，然后将插件调用的js代码全部copy到all.js中，然后删除相应的js文件和调用该js文件的php语句，上传all.js到适当位置，最后在head.php中添加载入all.js的语句。这种方法修改和删除的地方很多，而且容易出错，所以修改或删除之前请做好备份！
效果嘛，好像还是很明显的。我用PingDom测试了下，和以前的数据对比，时间上确实相差很多。其实我自己感觉好像快了些，还让阿飞还有S帮我测试了下，都说访问速度有所提高。有成效就好，时间没有白费！这里要特别感谢下我的兄弟阿飞，谢谢他多次不厌其烦的帮我做测试，哈哈～～～
[…] 前几天写了一篇合并css和js文件，加快浏览速度的文章，感觉上速度确实有点提高，而最后把速度仍然比较慢归因于国外服务器数据传输的速度慢 ！后来在Storyday那里看到一篇wordpress提速的文章，压缩css文件和js来提速。其实很早看关于wp优化的文章的时候就看到过对css和js进行压缩来提速，但是一直都不以为然。因为我想css和js文件经过合并，然后使用CSS Tweak和Shrinksafe分别压缩css和js文件，就可以把两者的总大小缩减至16K+3K，再使用Gzip压缩意义不大。现在发现我彻底错了！ […]
[…] WordPress之所以这么受欢迎，这和它模板和插件资源众多是离不开的。一般的WordPress用户基本上都至少会装4,5个插件，而像老用户则有可能会装10多个甚至20之多。其中的某些插件会在Blog页面的head部分加入自己的js或者是css代码来实现特有的功能。以前曾经有人写过方法来合并JS和CSS文件来加快调用速度，1, 2, 3。 […]
[…] 1.合并和压缩css，js并放在合适的地方加载，合并用的是合并css和js文件，加快浏览速度的方法，简单压缩css用的是tweak，简单压缩js用的是JsMinGUI.exe […]