优化html的绿色方法,非常实用!
绿色方法
1. 使用相对URL
对于页面中的各种URL,例如链接、外链CSS的href、外链Javascript的src、图片src、iframe src等,如果能够确定它们与当前页面是处于同一域名下的话,则可以使用相对URL,这样每一个URL都能够节省至少一个域名的长度。
2. 删除HTTP或HTTPS
绝对URL都以HTTP或HTTPS等协议头开始,如果能确定URL的协议与当前页面URL的协议是一致的,或者说该URL在多种协议下均是可用的,则可以考虑删除这个协议头。这样做虽然有些非主流,但事实证明是可行的,Nexus One的这个页面中有些资源URL就删除了协议头,虽然并不是出于节省资源的目的,但至少证明删除协议头是可行的。
对于CSS,如果删除协议头在IE7、IE8下会造成CSS下载两次,这个是需要注意的问题。
3. 删除注释
与CSS、Javascript一样,也可以通过删除HTML中的注释来实现优化。然而,这一点对于HTML来说却要复杂一些,因为在HTML中存在某些特殊作用的注释是不能删除的。
(a). IE条件注释
<!–[if expression]> HTML <![endif]—>
诸如这样的语法,只有符合expression的浏览器才能识别其中的内容。
(b). CDATA注释
/* */CDATA本身是XHTML中才需要的,在CDATA中的内容不需要对特殊字符进行转义,不过为了兼容老版本的浏览器,需要加上注释,以免出错。不过,对于这个注释,如果你的页面并没有真正的使用XHTML标准则可以大胆的删除掉。使用XHTML标准不是简单的声明DTD就可以办到的,除此之外还需要服务器能够派application/xhtml+xml这样的内容格式,另外还需要浏览器支持,目前IE并不支持XHTML格式。因此,目前你的页面可能是按照XHTML规范来写的,也能通过HTML验证,但想要兼容IE则一定还是以HTML方式来展示的。这样一来,很多为了遵循标准而增加的内容则可以删除,具体的在后文的橙色部分详述。
(c). 自定义注释
产品中自定义的一些具有特定功能的注释,例如统计。
4. 压缩空白符
在HTML中的大多数标签中,多个空白符都会被压缩成一个来显示,于是可以通过删除多余的空白符来减小HTML体积。不过需要注意的是并不是所有的空白符都可以这样做,例如pre、textarea中的空白符是按原样显示的,标签属性中的属性值也是按原样显示的,例如title、value等。
5. 压缩inline css & Javascript
不管inline还是external,都需要压缩,这是减小体积的最直接的方式。
6. CSS&Javascript尽量外链
外链CSS和Javascript,不仅仅是减小HTML本身的体积,而且还可以充分利用浏览器的缓存机制,所以当CSS、Javascript的代码量超过一定体积时,尽量外链。除此之外,尽量避免在页面中使用onmouseover=”xxxx”的方式来注册事件,既不利于维护也容易产生不必要的冗余代码。
7. 删除元素默认属性
在HTML规范中,很多HTML元素的属性是有默认值的,对于这些默认值可以抹去不写,下面是不完全统计。
标签 属性 默认值
style media screen
link media screen
form method get
form
input type text
- 非常实用的“绿色电子地图”
- 实用的代码优化方法
- oracle恢复误删除数据,解除锁定等非常经典实用方法
- 非常实用的js验证框架实现源码 附原理方法
- 大型网站性能优化 二 页面(HTML)优化的方法
- 非常实用的织梦dede所有标签调用方法大全 .
- 29个非常实用的HTML 5实例、教程和技巧
- 大型网站性能优化 二 页面(HTML)优化的方法
- [转载]关于怎样优化HTML以加快下载速度的10个方法
- 获取当天是星期几,非常方便实用的一个方法
- ORACLE数据导出到Excel、txt、HTML实用方法
- 非常简单实用的html编辑器 jwysiwyg编辑器
- MySQL的配置和优化 实用的定期优化方法
- 玩转HTML5移动页面_非常实用的css\js\图片优化等工具
- linux下批量杀进程方法【非常实用】
- 29个非常实用的HTML 5实例、教程和技巧
- PDF文件如何调整页面尺寸,非常实用的方法
- android下listview的优化和listview的异步加载全攻略(非常实用)
- Parallel.For 你可能忽视的一个非常实用的重载方法
- Parallel.For 你可能忽视的一个非常实用的重载方法