autoptimize引起WPtouch加载CSS异常

本文其实有点文不对题,不过事实的确如标题,关键点在文章末尾

之前我曾经用过MobilePress来生成手机站点,但是后来有啥错忘了,就取消了,一直没提过手机版了

前段时间用了下WPtouch,感觉很不错,不过仅针对触屏手机,例如iphone、android这类手机,对于非触屏的手机就无视了

然后之前给博客添加的Google Analytics统计代码仅对桌面浏览器有效,WPtouch生成的页面不包含那些代码

因此找到WPtouch目录下的core-header.php修改,插入了统计代码

但是用偶的itouch访问了下,发现网页乱七八糟的,第一反应便是css问题,猜测可能是因为Autoptimize压缩导致

禁用CSS压缩,重新访问,一切OK

然后尝试之压缩head里的CSS代码,仍显示不正常,想到之前我开启了YUI压缩,再去掉YUI,使用minify压缩,还是有问题。。。。

最后关闭了Generate data: URIs for images选项就正常了,不过之前我一直开着这个选项,手机访问就正常了

不过今天也验证了我之前开启YUI压缩的方法是正确的,因为我清空缓存后,然后一直看着进程,会看到一些yui的压缩进程

1
www 20635 20351 85 13:45 ? 00:00:04 /usr/bin/java -jar /***/wp-content/plugins/autoptimize/yui/yuicompressor.jar --type css /***/wp-content/themes/**/comment-style.css

压缩效果还不错,未通过gzip压缩的文件有140k左右,压缩后为50k,仅为原来的30%多

1
2
3
4
5
6
7
8
-rw-r--r-- 1 www www 2.2K 07-30 13:55 autoptimize_4a0125fdb89f0459c5a3b57bd3e1ecaa.php
-rw-r--r-- 1 www www 52K 07-30 13:55 autoptimize_4a0125fdb89f0459c5a3b57bd3e1ecaa.php.deflate
-rw-r--r-- 1 www www 52K 07-30 13:55 autoptimize_4a0125fdb89f0459c5a3b57bd3e1ecaa.php.gzip
-rw-r--r-- 1 www www 138K 07-30 13:55 autoptimize_4a0125fdb89f0459c5a3b57bd3e1ecaa.php.none
-rw-r--r-- 1 www www 2.2K 07-30 14:13 autoptimize_4d84da57d986d505848375b19690579a.php
-rw-r--r-- 1 www www 53K 07-30 14:13 autoptimize_4d84da57d986d505848375b19690579a.php.deflate
-rw-r--r-- 1 www www 53K 07-30 14:13 autoptimize_4d84da57d986d505848375b19690579a.php.gzip
-rw-r--r-- 1 www www 142K 07-30 14:13 autoptimize_4d84da57d986d505848375b19690579a.php.none

如果有兴趣开启YUI压缩的同学可以查看我之前的文章《wordpress使用autoptimize插件开启YUI compression压缩css/js》

其实本文主要想说我之前的YUI压缩方法是正确的,之前一直没文章说autoptimize插件里的yui怎么用,偶自己验证成功了,哈哈

最后补充一句,YUI Compressor最新版已经到2.4.6了,我之前文章介绍的是2.4.2,更新下版本号即可,其他方法一致

声明: 除非注明,小峰网络遨游记文章均为原创,转载请以链接形式标明本文地址

本博客原创文字只代表本人某一时间内的观点或结论,与本人所在公司没有任何关系。

本作品采用知识共享署名-非商业性使用 4.0 国际许可协议进行许可。

第三方若用于商业用途的转载,须取得本人授权。

本文作者:

本文地址:http://xfeng.me/autoptimize-cause-wptouch-load-css-abnormal/

你可能还对下面文章感兴趣: