橙色方法
橙色方法是指那些有违标准,或者会导致页面出现无法预料的问题的一类方法,算是一类非常规的方法,因此也仅仅适用于一些非常规的页面,例如搜索引擎首页。
1. 删除或替换
DOCTYPE对于页面展现非常重要,浏览器会根据具体的DOCTYPE来决定如何显示页面,除非你对删除DOCTYPE后的页面展示十分有把握,否则不要轻易删除。另外一种可行的方式是采用HTML5中的写法,即,大多数浏览器能够将这种doctype写法解析为标准或准标准(Almost Standard)模式,不过依然会造成一些问题,具体见这里。目前百度、Google都是这么做的。
广州网站建设,网站建设,广州网页设计,广州网站设计
2. 删除标签属性值的引号
引号不是必须的,删之。此处也需要考虑一些特殊情况,例如属性值中包含引号等。(提醒:不符合XHTML规范)
3. 省略某些属性值
例如disabled、checked、multiple等的值都可以省略。(提醒:不符合XHTML规范)
4. 删除可选的闭合标签
例如body、p、tr等标签是允许没有闭合标签的,具体的参考此处。(提醒:不符合XHTML规范)
5. 删除自动闭合标签的”/”
工具HTML优化工具目前比较理想的是Absolute HTML Compressor,另外,PageSpeed1.6中也引入了HTML压缩功能,不过目前只有四个简单的策略,尚处于实验性阶段。随着大家对前端性能越来越高的关注度,HTML优化及压缩方面也一定会有所发展的。
总结:
1. HTML优化及压缩的发展滞后于前端其他资源,不过目前也已经引起大家越来越多的关注。
2. 绿色规则中的很多都是在写码过程中就可以注意和遵循的,如果能把这个优化融入到编码中,效果应该更好。
3. 橙色规则由于违背某些规范,只适用于某些特定的页面,使用时务必谨慎。
广州网站建设,网站建设,广州网页设计,广州网站设计