«

HTML文档极端优化

发表于 // 分类于 // 评论数 //

常见HTML优化

对于Web前端性能的优化上,一直未有提及HTML文档本身的优化上。通常对HTML文档的优化是在网站发布的时候将HTML文档的注释、多余的标签以及空白删除即可以了。博文《HTML优化》总结了一些html优化的方法。

极端HTML优化

HTML文档极端优化做法就是doctype声明为HTML4,从而减少HTML文档的大小。
XHTML与HTML4的区别在于:

  • xhtml必须包含<html>,<head>,<body>标签
  • <html>标签必须含有xmlns属性,并且值为http://www.w3.org/1999/xhtml
  • 所有标签必须关闭
  • 所有标签必须是小写形式
  • 属性的值必须包含在双引号或者单引号之内
  • 所有属性必须包含值,不能为简写的形式
  • 实体映射

从这个区别上来看,使用HTML4声明的页面可以省却相当一部分的代码:属性值可以不包含于引号;标签可以不闭合,属性值可以简写。但是,假如不小心标签嵌套错误就可能导致页面显示错乱,在开发与维护上面都比较费时费力。

权衡利弊

《高性能网站建设指南》的性能的黄金法则如是说:

只有10%-20%的最终用户响应时间花在下载HTML文档上,其余的80%~90%时间花在了下载页面中所有的组件上。

由此可见,在前端所有的优化上,html文档代码的优化收益性是最小的,但是其开发维护成本却不见少。所以对于HTML文档的优化更多须要考虑效益与成本之间的权重。我的准则是:尽量使用XHTML的标准来编写页面,对于不经常更改的页面并且访问量较大的页面则可以考虑进行极端优化。

这篇文章发表于 2010-04-13 ,并被分类于 Performance - html - 前端技术 。 您可以通过 订阅RSS 跟踪对这篇文章的评论, 也可以发表评论,或者在您自己的网站中 引用(trackback) URI 该篇日志。

1 条评论 »

  1. 1
    sonichtml

    确实是个好办法。但现实项目中可行性不高。容易页面出错!

发表评论

(必需)

(必需,保密)