欢迎加入EUCMS官方QQ交流群,与更多EUCMS用户一起讨论,共同发财!

QQ群:1222386
> 资讯中心 >> 建站技术 >>正文
教你压缩javascript代码和css代码
2020-12-04 1232 收藏
徐州亿优告诉您如何压缩你的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="/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函数。

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

 

你觉得这篇文章怎么样?

0 0
参与讨论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
成品站
购买流程
  • 注册会员
  • 选择网站模板
  • 免费开通试用
  • 绑定域名试用
  • 选择套餐
  • 付款转正
  • 域名正式生效
  • 网站正式上线
  • 分站:
    扫描关注微信

    扫描加微信

    13852154923

    0516-66628816

    工作日 9:00-12:00 13:30-18:00
    周六及部分节假日提供值班服务
    2186398
    群:1222386
    做网站网站制作网络公司网站建设怎么做网站北京上海广州深圳南京合肥芜湖新疆甘肃济南
    Copyright@2003-2024 徐州亿优网架钢结构工程有限公司版权所有 Powered by EUCMS-v6.3 | 网站地图 苏ICP备19019550号