记忆盒子

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

首页搜索目录
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/

x

标签: Html  Webkaka  

※ 网站速度慢？试试网站自动优化工具 ※

上一篇: 非常好用的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

SEO专题

热门文章

最新评论及回复

最近留言

网站分类

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

Copyright @2009-2024 All Rights Reserved. 粤ICP备14028160号-1

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