建站经验 experience
当前位置:首页 > 网站建设专题 > 建站经验
WordPress速度提升之CSS和JS的合并压缩
发布日期:2010-09-17 阅读次数:714 字体大小:

相信大家都很关心自己博客的打开速度,别说半天打不开,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的朋友请把“jquery.min.js”和“comments-ajax.js”放到插件-编辑-scripts-gzip/blacklist.php文件的tinymce下面,将其排除,不然导致无法评论,都用这么久了我才发现:shock:

欢迎探讨本文由BoKeam www.bokeam.com原创,转载请注明出处!