Web高性能开发之疯狂的HTML压缩

  前言:

  上一篇随笔中网友skyASPNET问我如何压缩HTML,当时回答是推荐他使用gzip,后来想想,要是能把所有的html,jsp(ASPx)在运行前都压缩成1行未免不是一件好事啊。一般我们启动gzip都比较少对html启动gzip,因为现在的html都是动态的,不会使用浏览器缓存,而启用gzip的话每次请求都需要压缩,会比较消耗服务器资源,对js,css启动gzip比较好是因为js,css都会使用缓存。我个人觉得的压缩html的最大好处就是一本万利,只要写好了一次,以后所有程序都可以使用,不会增加任何额外的开发工作。

  在JS、CSS的合并、压缩、缓存管理一文中说到自己写过的1个自动合并、压缩JS,CSS,并添加版本号的组件。这次把压缩html的功能也加入到该组件中,流程很简单,就是在程序启动(contextInitialized or Application_Start)的时候扫描所有html,jsp(ASPx)进行压缩。

  压缩的注意事项:

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

  1. pre,textarea标签里面的内容格式需要保留,不能压缩。

  2. 去掉html注释的时候,有些注释是不能去掉的,比如:!--[if IE 6] ..... ![endif]--

  3. 压缩嵌入式js中的注释要注意,因为可能注释符号会出现在字符串中,比如: var url = "http://www.cnblogs.com"; // 前面的//不是注释

  去掉JS换行符的时候,不能直接跟一下行动内容,需要有空格,考虑下面的代码:

   else
return;

it知识库Web高性能开发之疯狂的HTML压缩,转载需保留来源!

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。