php压缩HTML函数轻松实现压缩html/js/Css及注意事项


Posted in PHP onJanuary 27, 2013

压缩HTML的起因
如何提高网页加载速度 ,需要怎么对html页面优化相信是每个拟提高建站技术站长曾想到的问题,其实网页优化的方法还是很多。

有童鞋询问higrid如何 压缩HTML,也就是说能不能 把所有的html、js、Css在运行前都压缩成一行,清除注释标记、换行符、空格、制表符等。这样一个直接的好处是 减小html页面体积来提高前端加载速度。很多人认为启动gzip,但一般启动gzip都比较少对html启动gzip压缩,因为现在的html都是动态的,不会使用浏览器缓存,而启用gzip的话每次请求都需要压缩,会比较消耗服务器资源,对js,css启动gzip比较好是因为js,css都会使用缓存。而大家也用了很多软件过滤一下压缩,也有 在线js/css/html压缩工具,higrid觉得也很麻烦,可读性很差。higrid认为如果将压缩功能做成一个函数的话,这样开发者看到的是未压缩的状态,但访客访问时,服务端的程序将 html页面进行压缩,清除注释标记、换行符、空格、制表符等 来达到 减小了html体积的目的。 如果您经常访问higrid.net, 右键查看一下 html源代码 ,会看到本篇 html源代码经过了压缩处理。包括higrid.net 提供的免费内容管理系统 ,输出的都是压缩html,去掉了空白、换行符、制表符。但higrid.net 上面也有一些例外,就是higrid.net 主要推荐 在线表格 、在线图形 ,包括 jquery这些演示 ,为了方便访客,就没有启动压缩。

因此,higrid个人觉得 压缩html 的最大好处就是一本万利,只要写好了一次函数,以后在需要运用的时候调用一下就可以了,所有程序都可以使用,不会增加任何额外的开发工作。今天higrid就给大家分享几个个人觉得好用的函数,请大家不妨试试看,相信大家会喜欢。

采用php来压缩HTML
由于higrid对 php 比较感兴趣,所以使用 php来压缩HTML,当然使用其他语言也差不多,例如使用 asp来压缩HTML,道理应该一样的。

higrid将 压缩html的功能用php写成一个函数 ,其实网上这样的 php压缩函数 也很多,不信你可以百度或者谷歌,但多数不是很好用,特别在 压缩js 或 压缩CSS 的时候,主要原因是一些 压缩注释 等方面不同导致出现问题。 先看这个函数:

/** 
* 压缩html : 清除换行符,清除制表符,去掉注释标记 
* @param $string 
* @return压缩后的$string 
* */ 
function compress_html($string){ 
$string=str_replace("\r\n",'',$string);//清除换行符 
$string=str_replace("\n",'',$string);//清除换行符 
$string=str_replace("\t",'',$string);//清除制表符 
$pattern=array( 
"/> *([^ ]*) *</",//去掉注释标记 
"/[\s]+/", 
"/<!--[^!]*-->/", 
"/\" /", 
"/ \"/", 
"'/\*[^*]*\*/'" 
); 
$replace=array ( 
">\\1<", 
" ", 
"", 
"\"", 
"\"", 
"" 
); 
return preg_replace($pattern, $replace, $string); 
}

php来压缩HTML注意事项
php来压缩HTM 实现的方式主要是用正则表达式去查找,替换。在html压缩的时候,主要要注意下面几点:

1.HTML 文档中,多个空白字符等价为一个空白字符。也就是说换行等空白字符的删除是不安全的,有可能导致部分元素的样式产生差异。
2.html中有一个pre, 表示 preformatted text. 里面的任何空白,都不能被删除,因此pre,textarea 标签里面的内容格式需要保留,不能压缩。
3.HTML 中有可能有 IE 条件注释。这些条件注释是文档逻辑的一部分,不能被删除。因此去掉html注释的时候,有些注释是不能去掉的,比如:
4.压缩嵌入式js中的注释要注意,因为可能注释符号会出现在字符串中,比如: var url = "http://www.higrid.net"; // 前面的//不是注释
5.对于动态页面来说,HTML 的压缩有可能还会增加服务器的 CPU 负担,得不偿失

higrid使用的php压缩html函数代码
由于注释对代码有作用,higrid使用的php压缩html函数代码 没有去掉注释,直接上代码。

function higrid_compress_html($higrid_uncompress_html_source ) 
{ 
$chunks = preg_split( '/(<pre.*?\/pre>)/ms', $higrid_uncompress_html_source, -1, PREG_SPLIT_DELIM_CAPTURE ); 
$higrid_uncompress_html_source = '';//[higrid.net]修改压缩html : 清除换行符,清除制表符,去掉注释标记 
foreach ( $chunks as $c ) 
{ 
if ( strpos( $c, '<pre' ) !== 0 ) 
{ 
//[higrid.net] remove new lines & tabs 
$c = preg_replace( '/[\\n\\r\\t]+/', ' ', $c ); 
// [higrid.net] remove extra whitespace 
$c = preg_replace( '/\\s{2,}/', ' ', $c ); 
// [higrid.net] remove inter-tag whitespace 
$c = preg_replace( '/>\\s</', '><', $c ); 
// [higrid.net] remove CSS & JS comments 
$c = preg_replace( '/\\/\\*.*?\\*\\//i', '', $c ); 
} 
$higrid_uncompress_html_source .= $c; 
} 
return $higrid_uncompress_html_source; 
}

php压缩html函数代码总结
有些童鞋不 推荐压缩html , 主要原因除了上面所说的 php来压缩HTML注意事项 外,通过 gzip 压缩已经能达到很好的效果。另外,因为产生影响HTML的角色太多(静态,动态,前端动态),也没什么量化指标,所以很难控制压缩成什么样(代码写成什么程度)。代码更需要考虑执行效率,而不是传输效率。对于动态页面来说,HTML 的压缩有可能还会增加服务器的 CPU 负担,得不偿失。Google的压缩网页 是因为早期他希望首页文本尽可能控制在一个或两个包内,而且他的首页太重要了,流量也很离谱。压缩一个字节,总流量一算都是个不小的数字,自然也就是必要之举了。进一步的压缩存在问题,除非能像 Google 一样充分测试(Google 也仅压缩了少部分核心服务的页面),否则不推荐对 HTML 进行压缩处理。

但使用higrid.net 的 php压缩html函数 代码,能很好的解决这个问题。好了,还不快试试。

PHP 相关文章推荐
PHP输出控制功能在简繁体转换中的应用
Oct 09 PHP
php下检测字符串是否是utf8编码的代码
Jun 28 PHP
PhpMyAdmin中无法导入sql文件的解决办法
Jan 08 PHP
PHP 中文处理技巧
Apr 25 PHP
php对二维数组进行排序的简单实例
Dec 19 PHP
PHP使用strtotime计算两个给定日期之间天数的方法
Mar 18 PHP
php自动给网址加上链接的方法
Jun 02 PHP
php curl抓取网页的介绍和推广及使用CURL抓取淘宝页面集成方法
Nov 30 PHP
YII Framework框架教程之日志用法详解
Mar 14 PHP
php禁用cookie后session设置方法分析
Oct 19 PHP
php获取微信共享收货地址的方法
Dec 21 PHP
php实现等比例压缩图片
Jul 26 PHP
用php来改写404错误页让你的页面更友好
Jan 24 #PHP
php对大文件进行读取操作的实现代码
Jan 23 #PHP
php删除与复制文件夹及其文件夹下所有文件的实现代码
Jan 23 #PHP
php删除文件夹及其文件夹下所有文件的函数代码
Jan 23 #PHP
php定时删除文件夹下文件(清理缓存文件)
Jan 23 #PHP
PHP关联数组的10个操作技巧
Jan 21 #PHP
用PHP即时捕捉PHP中的错误并发送email通知的实现代码
Jan 19 #PHP
You might like
咖啡常见的种类
2021/03/03 新手入门
php数组去重复数据示例
2014/02/25 PHP
在云虚拟主机部署thinkphp5项目的步骤详解
2017/12/21 PHP
PHP使用DOM对XML解析处理操作示例
2019/07/04 PHP
模仿JQuery.extend函数扩展自己对象的js代码
2009/12/09 Javascript
在IE和VB中支持png图片透明效果的实现方法(vb源码打包)
2011/04/01 Javascript
JavaScript闭包 懂不懂由你反正我是懂了
2011/10/21 Javascript
jQuery实现HTML5 placeholder效果实例
2014/12/09 Javascript
Node.js的npm包管理器基础使用教程
2016/05/26 Javascript
js和C# 时间日期格式转换的简单实例
2016/05/28 Javascript
Js遍历键值对形式对象或Map形式的方法
2016/08/08 Javascript
Bootstrap Img 图片样式(推荐)
2016/12/13 Javascript
使用JavaScript中的lodash编写双色球效果
2018/06/24 Javascript
JS实现数组去重及数组内对象去重功能示例
2019/02/02 Javascript
11个教程中不常被提及的JavaScript小技巧(推荐)
2019/04/17 Javascript
[57:28]2018DOTA2亚洲邀请赛 4.6 淘汰赛 TNC vs Liquid 第一场
2018/04/10 DOTA
python解析json实例方法
2013/11/19 Python
python中global与nonlocal比较
2014/11/21 Python
Python实现全角半角字符互转的方法
2016/11/28 Python
ubuntu17.4下为python和python3装上pip的方法
2018/06/12 Python
python 将列表中的字符串连接成一个长路径的方法
2018/10/23 Python
python日期相关操作实例小结
2019/06/24 Python
windows安装TensorFlow和Keras遇到的问题及其解决方法
2019/07/10 Python
pygame实现俄罗斯方块游戏(基础篇3)
2019/10/29 Python
pytorch实现从本地加载 .pth 格式模型
2020/02/14 Python
pyinstaller将含有多个py文件的python程序做成exe
2020/04/29 Python
python 如何读、写、解析CSV文件
2021/03/03 Python
HTML5移动端手机网站开发流程
2016/04/25 HTML / CSS
SmartBuyGlasses英国:购买太阳镜和眼镜
2018/01/29 全球购物
北美Newegg打造的全球尖货海购平台:tt海购
2018/09/28 全球购物
宪法宣传周工作方案
2014/05/26 职场文书
高中学校对照检查材料
2014/08/31 职场文书
平面设计师岗位职责
2014/09/18 职场文书
个人整改措施落实情况汇报
2014/10/29 职场文书
2019个人年度目标制定攻略!
2019/07/12 职场文书
MySQL查询学习之基础查询操作
2021/05/08 MySQL