WordPress速度提升之CSS和JS的合并压缩

相信大家都很关心自己博客的打开速度,别说半天打不开,3秒内不能完全打开就是一件很纠结的事情(纠结--被人传染了),此文适合不能够一步开启全站压缩的朋友,即CSS、JS、图片、网页等。

一般我们说的压缩就是对网页进行Gzip传输,检测和开启的方法就不啰嗦了,网上一大堆的。最开始我用“WordPress网站启用Gzip压缩网页、CSS和JS”这种方法,直接的结果是CSS和JS被压缩了,后果是我刚做的主题Z-Turn变成白色的背景黑色的字,把作的修改还原之后无果,用Chrome的“审查元素”一看:CSS成了乱码,庆幸咱今天英明的备份了。

还有一种和此方法很类似的,那个gzip.php的内容差不多,然后对.htaccess的修改也只有一句,是什么我也记不得了,不去找了,反正导致的结果和后果和前面是一样的。不过第一种方法中合并JS和CSS文件的方法还是很实用的。

好的,再说说我解决的方法,很简单,只有两步。开始前你可以到这里对你的网站进行个检查,不用挂号的,完了后再作个效果对比。

1.到WordPress后台或者官方下载插件Scripts Gzip

2.激活插件,将「<!–SCRIPTS_GZIP-JS–>」放到footer.php中

简单吧,好的插件还是要用的,插件的说明是:这款插件可以自动把你的JS和CSS文件合并和压缩,轻松安装卸载,还不需要你设置。这么好的插件居然没中文网站介绍太过意不去了。安装后我的YSlow Grade达到了C,没达到B或A的原因是她埋怨我用的背景图片多了,图片的大小和使用的大小不一致。咱慢慢改吧

更新:有使用Willin Kan的“WordPress 內置嵌套評論專用 Ajax comments”朋友请把”jquery.min.js”和”comments-ajax.js”放到插件-编辑-scripts-gzip/blacklist.php文件的tinymce下面,将其排除,不然导致无法评论,都用这么久了我才发现:shock:

This entry was posted in WordPress, 网站建设 and tagged , , , , , . Bookmark the permalink.

30 Responses to WordPress速度提升之CSS和JS的合并压缩

  1. Carrie says:

    最近又開始準備折騰了,這篇文章剛好救急 :mrgreen:

  2. Danfi says:

    网络不好,用这个看不出效果

  3. 阿修 says:

    优化了半天,搞出两个B

  4. 学夫子 says:

    昨天我问我空间商了,说我的空间支持gzip,看来我也是可以使用这个的

  5. CSS和JS都会被浏览器缓存的,只需要下载一次,加上本身也不大,所以无所谓了……GZIP才是王道! :lol:

  6. braxiu says:

    本地缓存,Gzip,反正能优化速度的都开了

  7. 咱是ASP主机,得问空间商了。。唉。。
    ———-
    为什么要把我放在分隔线下边呢?

  8. A.shun says:

    以前用的是Autoptimize。。最近手动压缩了放上去,取消插件了

    试试这个

  9. :?: :!: 不知道为什么用了之后,发现速度还慢了!!

  10. Solo says:

    嗯,压缩过了。

  11. 郑永 says:

    貌似在哪里看过了,zww还是万戈那,汗。。。打开太快也不好啊,刹车难。

  12. that5 says:

    我使用过,我那主题居然不能成功

  13. 哲哲 says:

    你这里的WordPress技巧很多啊·以后我转载几个··

  14. Pingback: 真正的合并压缩CSS和JS /JUSTWD

  15. 我的主题下使用异常

  16. 不知道在哪里检查加载速度,感觉变慢了。

  17. wholesale says:

    这样子弄,提速是显然的,HOHO

  18. hit9 says:

    我拿去试试

  19. 你这怎么了,乱套了,使用这插件不会造成任何毛病吧,第二部我没看懂,「」把这代码放到footer.php中吗?

  20. lumanz says:

    谢谢 楼主,我的lowendbox都能做到两个A,哈哈

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>