记忆盒子

把记忆装进灰色的盒子,封装起来,那年那月,重新拾起。

首页搜索目录
search
当前主题: 互联网络

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

作者:Kaka    时间:2015-9-26 11:24:10    浏览:    评论:13

现在网上压缩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/

标签: Html  Webkaka  

加入本站QQ群(312716741),交流分享网站建设、优化、SEO技术。。。

 

上一篇: 非常好用的js在线压缩简化及格式化美化工具
下一篇: 在线压缩GIF图片,压缩率高达50%以上
  • 13.爱**
  • 这个很需要的功能,嗯嗯,如果可以开发成小工具就更好啦。这应该是需要数据库的支持吧?
  • 2016-4-10 2:11:08 回复该留言
  • 6.王**
  • 不错的一款工具,不知对于成熟程序作用如何,先去试用一下
  • 2015-10-16 14:05:41 回复该留言
  • 5.金*
  • 站长,我想问下,你的博客是用子目录写的,网站主页是测速站。这样对收录权重什么的有影响吗?应该注意什么
    Kaka 于 2015-10-15 16:53:21 回复
    有很大影响,在百度看了,博客是博客,主站是主站,权重都不一样,因为两者网页结构和内容主题完全不同。
  • 2015-10-14 9:53:45 回复该留言

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

订阅博客                   QQ交流群(312716741)

  • 通过Google订阅本站 通过鲜果订阅本站 通过抓虾订阅本站
  • 通过QQ邮箱订阅本站 通过Yahoo订阅本站 通过有道订阅本站

Search

最新评论及回复

最近留言

网站分类

Powered By Z-Blog 1.8 Walle Build 91204 Designed by Han'space

Copyright @2009 All Rights Reserved. 粤ICP备09073737号

Powered By Z-Blog 1.8 Walle Build 91204
Copyright @2009 All Rights Reserved.