话说多调用一个CSS或者JS或者图标,不管是大是小,都会延长打开页面时间0.2秒。关于这个0.2S,木木童鞋也不是非常非常确认,但我可以确定同等大小文件一次调用绝对比分开调用来得快!基于此,我们在优化对网站提速时,可以考虑合并网站所需的全部CSS、JS、图标。
不信?那请自行把主题中的style.css分隔成100份并标上序号,然后在header.php中插入100个调用代码,再把结果告下我,万分感谢!
进入正题,经过一个简单的分析,我们可以确定CSS一般由:正常使用中的主题和正常使用中的前台插件所调用的。那我们要做的就是把他们合并起来,并让插件和主题都能正常使用。下面分步骤来说明:
1.查看网站共调用了哪几个CSS,简单的办法就是查看网站的源文件,比如说,本站之前调用了/plugins/paginator/skin/paginator3000.css、/plugins/picasa-images-express/picasa-image-express.css、/plugins/picasa-images-express/highslide/highslide.css和主题的CSS;
2.把所有的CSS代码复制到一个CSS文件中,那就主题的style.php好了,整理好保存上传;
3.修改插件的php主文件,取消插件的CSS文件调用,那具体怎么做呢?以插件picasa-images-express为例:
打开插件目录中的picasa-image-express.php,搜索“wp_head”(不含引号),有
add_action('wp_head','pie_addStyleSheet');
在其前加“//”注释掉或者直接删除都行!整个过程就是如此,当然可能有时要搜索这个“wp_footer”,方法步骤同上~
注意:有些不为站长考虑的“驴霸”插件把CSS和JS都在head调用了,那就需要点技术含量了,把调用CSS的相关代码单独删去!这我就不好说了,各位童鞋各自发挥吧~当然,也不排除有些很好心的插件制作者把CSS和JS都在footer,那童鞋们也小心地挑着删吧。
后话:说得是通过优化代码是永远超不过使用一个好的空间地!

站长必做的
@lala 呵呵,我今天刚做……
我还没有做
折腾并快乐着
@万戈 这次沙发米有了吧,嘻嘻
下次写好后悄悄在QQ上给个我信儿,我来抢沙发,哈哈
@志言堂 你的网站就把wp-recentcomments和wp-pagenavi两个插件调用的CSS搞定下就OK了,很速度的!
哇,厉害,我研究研究,我是代码盲,呵呵
后话:说得是通过优化代码是永远超不过使用一个好的空间地!
后面的看官请先看本文最后一句,前面的都是木木折腾的,可以略过。。。哈哈哈
@happyet 哈哈,写这篇文章还有个插曲,写了一半服务器竟然宕机了,所以说……通过优化代码提速只是给自己不断折腾的一个坚强的理由吧!
折腾肯定是要折腾的,哪天你不折腾了,咱来这就不知道看什么了,哈哈
话说上回,我在写那个div+css的时候鼓歌浏览器崩溃,我就那么傻了,舍不得点确定,还好重开后,还留下一大半,那时候好后悔禁用了wp的自动保存啊~~~~
赞,等晚上我弄弄去。
我就不折腾这个了,反正不会特别慢就算了。
看了,copy了,又要折腾了。
优化无止境啊,哈哈
哈哈 有空看看我的源代码……
@Showfom 看了,就1个CSS和1个JS,强!显然是已经折腾过的人呀!
呵呵,我也试试。
大哥有用WP Super Cache之类的插件插件?给推荐一个。
另想请教减少数据库查询数的方法,我的主机不支持 Memcached 扩展,谢谢!
没用缓存,目前Super Cache插件是支持WP就好的~
请问 可以合并JS吗? 现在主页调用JS太多啦
当然,不过JS很容易冲突,小心着并……
那估计我是不会啦…..
有其它解决的方法吗?
貌似有插件,自动压缩JS和CSS的……
可惜我家主題不能合併所有CSS,會出問題的…
我想合并,但觉得有点麻烦,害怕弄坏了
这个评论真温柔