非常好用的HTML在线压缩及格式化工具

时间:2024-02-22 07:06:24

现在网上压缩js和css的工具有很多,但压缩html的工具还比较少,个别网站虽然提供了html在线压缩,但效果不太理想,压缩率太低,还不到5%,很多地方都没有进行处理。而html压缩其实是网站优化中比较重要的一个部分,在google网站速度优化建议中就有要求压缩html代码,详见压缩HTML代码。我们看看百度主页,它的代码就是经过了压缩的。如图:

压缩HTML代码

压缩HTML代码

可能很多人都不重视html代码压缩这个部分,但是如果要优化网站速度,这个工作还是要去做的。

工具是如何实现压缩html的?

简单来说,就是使用程序删除空白符、换行符、注释等多余的字符。而html代码里还包含js和css代码,所以,实际上html压缩还包含了js压缩和css压缩,工程要比单纯的js或css压缩要多很多,实现起来难度也大很多。

其实,在google眼里,压缩html并不是单纯删除多余字符那么简单,google提出了更高的要求,他认为压缩html代码需要做好如下几个方面:

  • 删除空白符
  • 合并Heads
  • 转换Meta标签
  • ELide属性(省略属性)
  • 删除注释
  • 删除引号
  • 裁剪网址

详见压缩HTML代码,可惜,现在还没有工具能自动化实现这些工作,包括google也没有推出这种工具或接口,这需要网页设计师来精心优化。

使用html在线压缩工具

卡卡网推出的html在线压缩工具,程序方面使用了雅虎的Yahoo.Yui.Compressor.dll组件来压缩嵌入到html里面的js和css代码,另外再联袂使用一套非常专业的html代码压缩程序,所以此工具的压缩效率非常高且十分安全,基本不会出现压缩后代码运行出错的问题。

前端方面,使用了著名的CodeMirror编辑器,代码高亮显示,用户体验极佳。

 html压缩

html压缩

上图看到,压缩率达到了15.05%,效果不错。

此外,同时工具还附加了强大的html格式化功能。

html格式化

html格式化

12个格式化选项,满足不同用户的阅读习惯。

最后,附上html压缩及格式化工具地址:http://pagespeed.webkaka.com/youhua/html/