使用 PHP 压缩 CSS 和 JavaScript 代码

发布于 2017-11-25 22:16:01 字数 1566 浏览 2229 评论 0

开发的 Web 项目,最后上线是需要做一些优化的,比如将 CSS 代码压缩节约带宽,压缩过后的代码是没法看的,因为去掉了空格和换行,那么能不能开发的时候易看懂,又能实现压缩代码,可以使用我们的动态编程语言压缩代码。

使用 PHP 压缩 CSS 和 JavaScript 代码

例如使用 PHP 语言,使用 include() 将一类文件引入到一个文件中,然后一并压缩代码,如下是对 css 类文件进行压缩,保存为 css.php

if(extension_loaded('zlib')){
	ob_start('ob_gzhandler');
}
header ("content-type: text/css; charset: utf-8");
ob_start("compress");
function compress($buffer) {
	$buffer = preg_replace('!/\*[^*]*\*+([^/][^*]*\*+)*/!', '', $buffer);
	return $buffer;
}
include('./global.css');
include('./ie6.css');
include('jquery.fancybox-1.3.4.css');
if(extension_loaded('zlib')){
	ob_end_flush();
}

然后在页面中使用:

<link rel="stylesheet" src="css.php"/>

来代替:

<link rel="stylesheet" src="global.css" >
<link rel="stylesheet" src="ie6.css" >
<link rel="stylesheet" src="jquery.fancybox-1.3.4.css" >

如果是对 JavaScript 脚本文件一起压缩的话,只需在以上 css.php 修改

header("content-type: text/css; charset: utf-8")

为下面的代码

header("content-type: text/javascript; charset: utf-8")

然后 include 相关 JavaScript 脚本文件,调用方法和 css.php 是一样。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

列表为空,暂无数据

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

0 文章
0 评论
84935 人气
更多

推荐作者

遥远的她

文章 0 评论 0

情深如许

文章 0 评论 0

18120987591

文章 0 评论 0

女皇必胜

文章 0 评论 0

13002228876

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击“接受”或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。