zoukankan      html  css  js  c++  java
  • html页面性能优化两则

    Visibility快于Display

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

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

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

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

         让标记有始有终

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

         <P>有头无尾标记举例 
         <UL> 
         <LI>第一个
         <LI>第二个
         <LI>第三个
         </UL> 

         很明显,上面的代码中缺少三个</LI>结束标记。但是这并不妨碍它的正确执行。在HTML中,这样的标记还有一些,例如FRAME、IMG和P。 

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

         <P>有头有尾标记举例</P> 
         <UL> 
         <LI>第一个</LI> 
         <LI>第二个</LI> 
         <LI>第三个</LI> 
         </UL>
  • 相关阅读:
    猜数字游戏(补)
    团队项目五(项目回顾)
    项目回顾
    第二次阶段冲刺
    团队项目(任务三):第一次冲刺
    个人项目(一):新猜数字
    课后作业(一)
    团队任务二
    团队任务(一)
    课后作业(一)
  • 原文地址:https://www.cnblogs.com/sutengcn/p/991747.html
Copyright © 2011-2022 走看看