漩涡's Archivers

From 雨宫优子 on 2010-06-19 11:06:25

在Win主机[或不支持mod.deflate.c]的主机上压缩CSS和JS

嘛。。。。以前a猫写了篇优化网站网页速度,让Wordpress快起来,其中有提到用htaccess来使css和js也使用Gzip压缩


但是优子发现,Linux主机也有不支持mod.deflate.c或者貌似支持但无法使用的主机的样子呢【比如现在这个啦】


那是不是意味着无法为CSS和JS压缩了呢,当然不是,不过只能请PHP帮忙压缩啦


首先推荐两个插件——Autoptimize和Scripts Gzip



推荐先安装前者,看看运气好不好呢,将CSS和JS的优化选项都打开。如果页面正常,FF烧虫子和IE都没提示脚本错误,恭喜你啦,不用折腾了呢


不过这种情况毕竟少见呢...多数情况是页面不正常了...因为Autoptimize会把所有的JS放到页尾去了,这样会使浏览器加载页面前面部分时找不到JS。也会把统计的文字显示在页面外面的样子。


这时先把Autoptimize的JS优化选项关闭,安装另外一个插件Scripts Gzip....不过默认Scripts Gzip也是会压缩CSS的,功能会冲突呢。我手动删掉了CSS的部分,把不会压缩CSS的版本提供给大家啦


下载点我


不过为了安全起见,还是希望大家在后台手动修改相关文件,把PHP里的内容复制过去呢。要不然我又搞错哪里就很糟糕啦


不过还是很容易出错的样子呢,特别是用了jQuery之类的外挂库的,这个插件正好是Autoptimize的反面极端,会把JS放到<head>标签之后去呢,想必大家也不会把jQuery库放到<head>标签之前去啦,这样JS就会调用不到jQuery库呢,因此我就提供一个修改版本啦


下载再次点我


这个版本是把JS放到</head>标签之后啦,因此应该不会错了呢...


呜哇...还有错...?那就没办法啦...按照下面的步骤来吧...


查看页面源代码,找到scripts-gzip/gzip.php?js=,把他所在的script标签里的内容复制下来


就是类似这样的啦:



<script type="text/javascript" src="http://你的域名/wp-content/plugins/scripts-gzip/gzip.php?js=****"></script>



然后禁用掉插件,编辑模板,在合适的地方放下这个语句呢


合适的地方是指,要在有调用到这些script的地方之前,在jQuery之类的外挂库之后的地方啦


然后就只能去编辑插件,把那些插件输出script的句子全部删除掉呢...


很麻烦,不过小女也无能为力啦,我就是这么做的呢...呜呜.....


查看完整版本: 在Win主机[或不支持mod.deflate.c]的主机上压缩CSS和JS

From 千尾狐 on 2010-06-19 13:25:13

确实是少见的事情呢……要知道有些站长连压缩都懒得做,居然把一大堆全部打包到一个JS里面……甚至有家伙把那些CSS放到自己的SkyDrive一类的网盘里面直接引用……最后连放到别的地方【如校内自己的主页里那个CSS】的我都有见过……真不知道是因为空间不能存小东西的原因呢,还是因为网速太慢=.=。另外,博主,前几天见别人说你是伪,不过那样你的水平就太高了吧。 唔呜~咱家这里中午居然要停电额?是因为每年一度的学校跳楼在今年违规了,所以才要求某些可怜人热死咩?

From 雨宫优子 on 2010-06-19 13:47:23

呜哇。。。。不是伪娘啦

From 牵手博客网 on 2010-06-22 00:53:05

予人玫瑰,手留余香。

Tags: css, css压缩, css压缩工具, css在线压缩, gzip, htaccess, js, js压缩, mod.deflate.c


©漩涡网络安全实验室