html页面性能优化两则

======================================================
注：本文源代码点此下载
======================================================

visibility快于display

让图画时隐时现会创造很有趣的效果,有2种方法可以实现这个目的:使用css的visibility属性或者display属性。对于绝对位置元素,diaplay和visibility具有同样的效果。两者的区别在于:设置为display:none的元素将不再占用文档流的空间,而设置为visibility:hidden的元素仍然保留原位置。

但是如果要处理绝对位置的元素,使用visibility会更快。

保持同一url的大小写一致性

我们都知道unix服务器是大小写敏感的,但是你知道吗:internet explorer的缓冲区也是区别对待大小写字符串的。因此,作为web开发者,一定要记住保持相同链接的url字符串在不同位置的大小写的一致性。否则,就会在浏览器的缓冲区中存放同一位置的不同文件备份,也增加了下载同一位置内容的请求次数。这些都无疑降低了web访问效率。所以请谨记:同一位置的url,在不同页面中请保持url字符串的大小写一致性。

让标记有始有终

自己编写或者查看他人的html代码时,我们一定都遇到过标记有头无尾的情况。比如:

有头无尾标记举例

第一个

第二个

第三个

很明显,上面的代码中缺少三个结束标记。但是这并不妨碍它的正确执行。在html中,这样的标记还有一些,例如frame、img和p。

可是请不要偷懒,请将结束标记写完整,这样做不仅使html代码格式规范,更可以加速页面的显示速度。因为internet explorer将不会花费时间判断和计算段落或者列表项目在哪里结束。

有头有尾标记举例

第一个

第二个

第三个

======================================================
在最后，我邀请大家参加新浪APP，就是新浪免费送大家的一个空间，支持PHP+MySql，免费二级域名，免费域名绑定 这个是我邀请的地址，您通过这个链接注册即为我的好友，并获赠云豆500个，价值5元哦！短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了，每天挂广告赚50+元哦，呵呵，饭钱不愁了，\(^o^)/