你的位置:HBcms宏博内容管理系统 建站经验 正文
内容搜索
热门内容
  1. 网站logo在线设计,免..
  2. 域名解析文件hosts文件..
  3. 教你如何做网线接头:..
  4. qq怎么截图?如何在qq..
  5. 雅虎yahoo邮箱smtp和p..
  6. 新注册126邮箱或163邮..
  7. 幻灯片式的网页图片滚..
  8. 做网站怎么赚钱?什么..
  9. com域名和cn域名net域..
  10. Google支付系统(Googl..
推荐内容
  1. 做一个商业网站要多少..
  2. 国外服务器租用(国外..
  3. 深圳做网站的公司!=深..
  4. 网络原创投稿,转载精..
  5. 美国服务器租赁Window..
  6. 699元的美国服务器出租..
  7. 添加友情链接,速度别..
  8. “原始人”卷款潜逃事..
  9. 设置Godaddy支持zend ..
  10. 网页设计中常用的CSS命..
压缩你的JS和CSS代码让你网站速度飙升
  • 原作者:qiaoqiao 添加时间:2008-05-18 发表时间:2008-05-18 人气:2274
  • 压缩你的JS和CSS代码让你网站速度飙升

    减小代码在传输中的大小,就能提高页面的传输速度,打开网页也就快了。在一起PHP程序中 像WordPress是默认的gzip压缩功能是通过ob_gzhandler这个函数来实现的,ob_gzhandler是php 4.0.4新增的一个输出缓存函数,并通过gzip压缩后发送到客户端。这个函数需要zlib库支持,一般的虚拟主机都安装有这个库,所以很多blog都使用这个方法来实现对php页面的压缩。

    那么对于我们这些没有开启mod_deflate模块的主机来说,就只能采用ob_gzhandler函数来压缩了,它的压缩效果和mod_deflate相比,相差很小,几乎可以忽略(但它只能对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后缀文件进行压缩。我这里主要介绍一下第三种方法,
    就是试用CSS压缩法 例如对模板下的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="/style.css"/>
    修改后的:

    <link rel="stylesheet" type="text/css" media="screen" href="/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函数。

    所以我们可以用能压缩CSS 和JS的工具来对代码压缩 提高浏览速度~~~
    附几个好用的代码压缩工具
    CSS压缩与优化工具http://www.ip79.cn/css/css_optimiser.php?lang=zh
    CSS验证器http://jigsaw.w3.org/css-validator/
    JavaScript 在线压缩http://www.ip79.cn/tools/js.html
  • 点这里复制本页地址发送给您QQ/MSN上的好友
  • 相关文章
  • 相关评论
  • 本文章所属分类:首页 建站经验