WordPress之终极Gzip兼容IE6

  为了这Gzip我可没有少费功夫啊,之前我已经写过三篇文章《开启GZIP,提速Wordpress》《给Wordpress开启Gzip功能》《完美启用Gzip压缩JS、CSS》,三篇文章三个方法,各有特色,一直以来我是将这三个Gzip结合使用的,但是始终没有达到我期望的最佳效果,因为启用后就不得不放弃IE6的用户。这一bug让我在使用Gzip时很尴尬,之后我也试过给浏览器设置白名单,希望IE6跳过Gzip,最后以失败告终。不过今天终于让我找到一个可以兼顾IE6的开启Gzip的方法,让我的Wordpress载入速度又上了一个台阶。特地将此方法转载来和大家分享,因为原文是繁体,我就简化了一下:

  1、下载gzip.zip,解压后上传至网站根目录。

  2、修改根目录的.htaccess,增加gz的识别支援及网址改写:

#識辨gz檔案的支援
<Files *.js.gz>
  AddEncoding gzip .js
  ForceType application/x-javascript
</Files>
<Files *.css.gz>
  AddEncoding gzip .css
  ForceType text/css
</Files>

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /

#wordpress靜態網址,如果沒有使用,就略過
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]

#讀到css和js檔,就重導至gzip.php
RewriteRule (.*.css$|.*.js$) gzip.php?$1 [L]

#讀到.css,判斷如果瀏覽器支援gzip且.css.gz檔存在,就進行重導
RewriteCond %{HTTP:Accept-encoding} gzip
RewriteCond %{REQUEST_FILENAME}.gz -f
RewriteRule ^(.*).css $1.css.gz [L,QSA]

#讀到.js,判斷如果瀏覽器支援gzip且.js.gz檔存在,就進行重導
RewriteCond %{HTTP:Accept-encoding} gzip
RewriteCond %{REQUEST_FILENAME}.gz -f
RewriteRule ^(.*).js $1.js.gz [L,QSA]
</IfModule>

  3、浏览自己的网站,让CSS和JS产生gz档,并将相应的.gz文件权限设置为777。

  4、最后,再次改写.htaccess,把以下代码注释掉或删除。

RewriteRule (.*.css$|.*.js$) gzip.php?$1 [L]

  完毕。此Gzip方法是至今我最满意的,效果最显著的,强烈推荐。不过在修改CSS和JS后,还要还原那句代码并重做第3、4步。所以该方法稍有些复杂,比较适合像我一样喜欢折腾Wordpress的童鞋们。

  本文部分转自:《網站瘦身wordpress加速大作戰 gzip壓縮js和css》

本文已盖 78 层楼

  1. 我的空间不支持GZIP用什么办法可以打开GZIP,我用GZIPPY插件一用后台就打不开了,烦请告之,谢谢

  2. 回复 流年 说:

    说是终极,就先收藏了;等我先压缩率js,然后再启用gzip

  3. 回复 老七 说:

    用不到了我现在

  4. 回复 蛋卷 说:

    用不到了我现在

  5. 回复 猪八戒 说:

    这个确定到现在为止是完美的吗?

  6. 回复 小奎 说:

    .gz有跑出來, 也改了權限不過在, http://gzip.zzbaike.com/ 上測試 是否压缩?還是否的狀態...是伺服器不支援麻

  7. 博主好呀!麻烦想请问一下!我是按照你所说来作业的,可是到第三步无法生成gz文件,并且在浏览器中,网页显示为没有加载CSS状态! :arrow: 还有其他地方需要注意的吗??有点像叶子童鞋所说的情况!再有一点就是,我用了object-cache缓存,同时使用有影响吗??

  8. 回复 叶子 说:

    用了之后再chrome下裸奔,经测试发现并未开启gzip
    :cry: :cry: :cry: :cry: :cry: :cry: :cry:

  9. 回复 Time 说:

    还没测试,不过谢谢翻译。

  10. 回复 lee 说:

    用了这个,网页总是顿一顿才打开,好像好辛苦的样子 :arrow:

  11. 回复 lee 说:

    3、浏览自己的网站,让CSS和JS产生gz档,并将相应的.gz文件权限设置为777。

    一个个找.gz文件? 好累啊 .........有统一设置的方法吗

  12. 回复 Terry 说:

    感觉还是在面板里面开启最方便了~~~~ :mrgreen: :mrgreen:

  13. 回复 edikud 说:

    我的JS已经压缩过,现在就不使用Gzip了。。 :mrgreen:

  14. 回复 精灵 说:

    每个步骤都没错,.gz也出来了,也改成777了,去复测还是说没压缩 :?:

  15. 回复 聪壹艮 说:

    博主在没,做这些修改之前是不是要下个插件? 我昨天按这种方法设置了,直到今天还没产生解压的gz文件 主机支持.htaccess

  16. 回复 聪壹艮 说:

    博主看到的话,望回复下,这个第2步 直接复制到.htaccess就可以了吗?
    如果不是,应该怎么做,期待....

  17. 回复 chancat 说:

    :?: 汗死了 实在受不了你了 我.比我还会折腾。。

  18. 回复 bolo 说:

    貌似比较麻烦啊

  19. 回复 ben-Q 说:

    确实比前几个要复杂,我得慢慢消化,又晕了 :???:

  20. 回复 ben-Q 说:

    这个看起来蛮好,应用范围也拓展至IE6了。IE6以上级别浏览器均可使用

  21. 回复 铵铵 说:

    :arrow: 华夏名网的linux主机,不支持自写.htaccess.
    残啊...最近又要续费了.
    看来还是移架再选个主机.
    不知道会不会让搜索引擎惩罚.

  22. 回复 Louis Han 说:

    “3、浏览自己的网站,让CSS和JS产生gz档,并将相应的.gz文件权限设置为777。”

    这个在哪?

  23. 回复 costen 说:

    使用这个办法后。所有插件JS/CSS目录都设置成可写,并生成了压缩文件。现在等待看效果。。

  24. 回复 小沐 说:

    手里吃着东西呢,单手给你说俩字

  25. 回复 wulinfo 说:

    貌似市面上所有浏览器都支持Gzip吧

  26. 回复 willin 说:

    這篇我要轉載囉!

  27. 回复 willin 说:

    這個做法就正確了! IE 也正常了!
    上次的, 每刷新一次就新產生 gzip, 我還在納悶, 想自己改寫咧...
    原來有人已經寫好了, 拿現成就好啦, 謝謝!
    萬兄鍥而不舍的精神的確令人欽佩!

  28. 回复 卢松松 说:

    wp的功能还真的强呢!~

  29. 回复 章鱼 说:

    到底怎么回事 又是我沙发?

  1. 美化、优化博客 « 小居
  2. 几个提高wordpress博客速度的插件及办法 | 汇芷博客
  3. 对Wordpress/WPMU进行SEO和性能优化 | 季节不曾为我赶路SorryDreams的Blog
  4. 优化你的 WordPress 之压缩 CSS/JS 代码(进阶篇补充) - Showfom's Blog
  5. Wordpress 之終極 Gzip 兼容 IE6 - Willin Kan 的博客

Leave a comment

ipage返佣

您已输入0

三言两语

我的生活心情语录

工作手札

路漫漫其修远兮

精品推荐

好东西要分享

嘻哈娱乐

八卦趣事一笑而过

电脑网络

全新技术尽搜罗

转来载去

文人墨客美文赏析