k8凯发一触即发|Home

k8凯发一触即发告诉您如何压缩你的JS和CSS代码：
压缩js和css代码可以提高□□□□浏览者访问网□□□□站的速度，从而增加用户◇体验度，那么如何压缩javascript和css代码呢？
减小代码在传◇输中的大小，就能提高页面□□的传输速度，打开网页也就☆快了。

使用Apache2的mod_deflate模块来压缩页□□□面，但这需要在Apache中加载这个模□□□块才行，需要我们打开apache中的打开mod_deflate。

mod_deflate模块提供了DEFLATE输出过滤器，允许服务器在□□□□将输出内容发□□送到客户端以□□□前进行压缩(应该也是采用gzip数据格式压缩，deflate是一种压缩算□□□□法)以节约带宽。Apache2已经内置了mod_deflate模块。Apache 1.3.x时代使用mod_gzip模块来实现

那么对于没有□□开启mod_deflate模块的主机或◈者服务器来说，我建议您采用ob_gzhandler函数来压缩了，它的压缩效果□□□和mod_deflate相比，相差很小，几乎可以忽略

而WordPress默认的gzip压缩功能是通★过ob_gzhandler这个函数来实□□□□现的，ob_gzhandler是php 4.0.4新增的一个输□□□出缓存函数，并通过gzip压缩后发送到◥客户端。这个函数需要zlib库支持，一般的虚拟主•机都安装有这□□□个库，所以很多blog都使用这个方□□□法来实现对php页面的压缩。

使用ob_gzhandler函数有3种方法让它对php进行压缩：
1、在php.ini中设置output_handler = ob_gzhandler
2、在.htaccess中加入php_value output_handler ob_gzhandler
3、在php文件头加上ob_start('ob_gzhandler');

先进种我们是◢没法办到，第二种方法不□□□错，可以一劳永逸，一、二种方法效果□□□都一样，就是对所有php后缀文件进行□□□□压缩。我这里主要介□□□绍一下第三种□□□□方法，参考“How To: Optimize Your CSS Even More”。

例如对模板下□□的style.css进行压缩

1、把模板目录下□□□的style.css复制一份出来，命名为style.css.php

接着在style.css.php顶部加入这句：

< ?php if(extension_loaded('zlib')) {ob_start('ob_gzhandler');} header("Content-type: text/css"); ?>
在后加上

< ?php if(extension_loaded('zlib')) {ob_end_flush();} ?>
（复制的时候去•掉?php前的空格）

2、按照下面的方□□□式修改header.php中的css连接

原来的：

<link rel="stylesheet" type="text/css" media="screen" href="https://www.fde365.com/style.css"/>
修改后的：

<link rel="stylesheet" type="text/css" media="screen" href="https://www.fde365.com/style.css.php"/>
搞定，现在你的CSS就可以被gzip压缩了。

JS也可以使用同□□样的方法，只是在xx.js.php头部加入的应□□该是这样：

< ?php if ( extension_loaded('zlib') ) {ob_start('ob_gzhandler');} header("Content-Type: text/javascript"); ?>
（复制的时候去□□□掉?php前的空格）

仔细看看K2主题的中的JS，就是修改后缀□□为php后在顶部加入□□了ob_gzhandler函数。

用这种方法，我把50多K的prototype.js和13K的style.css压缩了，现在用Web Page Analyzer测试我的首页，JS大小从88,553b减小到了45,852b，CSS从17,626b减小到了7,193b。