用gzip压缩js和css,加速页面装载

2010年04月17日 / 发表于 wp技巧 / 短链接 / 5 条评论

主流的Firefox ,Opera,IE,Chrome 最近版本都支持gzip压缩的页面。
可到 http://www.whatsmyip.org/http_compression/ 测试，结果匀为：

YES, your browser is requesting compressed content.

下面先上图，有图有真相：

压缩合并方法：
将要合并的js或css弄到一个文件中去，然后将该文件后缀修改为php，再在文件最顶端加上：
对于js

1
<?php if ( !( ( ini_get( 'zlib.output_compression' ) == 'On' || ini_get( 'zlib.output_compression_level' ) > 0 ) || ini_get( 'output_handler' ) == 'ob_gzhandler' )  && extension_loaded( 'zlib' ) ){   ob_start( 'ob_gzhandler' ); } header("Content-type: text/javascript"); ?>

对于CSS

1
<?php if ( !( ( ini_get( 'zlib.output_compression' ) == 'On' || ini_get( 'zlib.output_compression_level' ) > 0 ) || ini_get( 'output_handler' ) == 'ob_gzhandler' )  && extension_loaded( 'zlib' ) ){   ob_start( 'ob_gzhandler' ); } header("Content-type: text/css"); ?>

文件末尾加上：

1
<?php if(extension_loaded('zlib')) {ob_end_flush();} ?>

国内检测站点:
http://tool.chinaz.com/Gzips/

喜欢这篇文章吗?

请订阅本站 RSS feed 或填写您的邮件地址，订阅我们的精彩内容：

相关日志

< , , , >

回复 (5)

  1. snowperd  / 回复

    实际上在服务器端，如cpanel界面，可以设置，压缩整站传输，所以可以不用这个了

  2. 叶子  / 回复

    有时间试试

  3. 白银时代  / 回复

    WordPress默认是不对CSS和js进行压缩的，但是对网页本身的传递进行压缩……
    无所谓啦。

    • 荒野无灯  / 回复

      @白银时代, 对网页本身的传递进行压缩？ :?: 什么时候WP还有这个功能了？

      • 白银时代  / 回复

        @荒野无灯, 表述不清，我的意思是WordPress不是默认开启了GZIP麽，虽然不对CSS和JS进行压缩，但是也够用了

发表评论 修改评论取消编辑

允许使用的标签 - 您可以在评论中使用如下的 HTML 标签以及属性。

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

:wink: :-| :-x :twisted: :) 8-O :( :roll: :-P :oops: :-o :mrgreen: :lol: :idea: :-D :evil: :cry: 8) :arrow: :-? :?: :!:

引用通告 (0)

› 尚无引用通告。

开灯