提高页面显示速度的秘技

2016-01-29 12:04 8 1 收藏

提高页面显示速度的秘技,提高页面显示速度的秘技

【 tulaoshi.com - Html 】

在安排Web页面的布局时,最常用的方法之一是用HTML表格界定页面的结构。例如,假设Web页面由顶端的导航条和它下面的两栏(列)构成——左边的列是一个导航条,右边的列是实际安置内容的区域。对于这样一个页面,我们可以用一个两行、两列的大表格进行布局:在第一行中,合并两个列然后放上顶端导航表格;在第二个行中,左边的列放上一个显示导航按钮的表格,右边的列再用一个表格显示页面的实际内容。用这种表格嵌套表格的方法进行布局可以得到非常好的效果。
要制作出这种页面,我们可以使用如下HTML代码
  
< TABLE BORDER="0"  < TR  < TD COLSPAN="2" < !-- 顶端导航条的内容 -- < /TD < /TR  < TR  < TD ALIGN="LEFT" VALIGN="TOP" < !-- 左边导航条的内容 -- < /TD  <TD ALIGN="LEFT" VALIGN="TOP" < !-- 页面内容区域 -- < /TD  < /TR  < /TABLE  

如果浏览器发现页面中有一个TABLE标记,在接收到对应的结束标记< /TABLE之前它不会显示这个表格。因此,如果整个页面都放入了一个大表格中,在浏览器下载这个大表格的< /TABLE标记之前整个页面都不会显示。当显示内容非常多的页面时(例如,搜索结果或者电子商务网站上的产品目录),表格的延迟显示会导致整个页面显示的停顿。 
  为了避免出现这种情况,我们应该把页面划分成多个较小且独立的表格区域。这样的话,每个表格的HTML代码下载之后浏览器就可以立即显示它。对于浏览者来说,页面将在屏幕上一部分、一部分地逐渐显示出来。而且更重要的是,这种页面在屏幕上开始显示的速度要比前面等待整个页面下载才显示的方法快得多。
  对于前面介绍的例子,我们不是使用单个大表格进行页面布局,而是使用三个独立的表格:第一个表格显示页面顶端的导航条,使其具有足够的宽度显示页面内容并完整地给出其<TABLE < /TABLE标记对;在第一个表格的左下位置安排第二个表格,使这个表格向左对齐;最后一个表格位于第二个表格的右边,用于放置页面内容。由于现在每一部分都是一个独立的表格,浏览器只要下载了任一部分的代码就会立即显示它。因此,页面顶端和左面的导航条将比页面其余部分更快地显示出来。这就避免了让浏览者长时间地在空白页面前等待,而是给了他这样一种印象:页面已经开始下载,整个页面将立刻出现在屏幕上。
  修改后的布局代码如下所示: 
 
< TABLE BORDER="0" WIDTH="100%"  < TR  < TD ALIGN="CENTER" VALIGN="TOP"< !-- 顶端导航条的内容 -- < /TD  < /TR  < /TABLE  < TABLE BORDER="0"ALIGN="LEFT"  < TR  < TD ALIGN="LEFT" VALIGN="TOP" < !-- 左边导航条的内容 -- </TD  < /TR  < /TABLE  < TABLE BORDER="0"  < TR  < TD ALIGN="LEFT"VALIGN="TOP" < !-- 页面内容区域 -- < /TD  < /TR  < /TABLE   

正如尽可能早地关闭TABLE标记使得浏览器能够快速地显示出表格中的数据,还有另外两个标记也同样可以用这种方法提高显示速度,这两个标记就是用于制作列表框的<OPTION 标记和用于制作无序列表的< LI 标记。
ASP程序员常常要访问数据库获取数据然后用< OPTION 标记构造列表框。只要简单地改动一下代码关闭<OPTION 标记,就可以让浏览器显示页面的速度加快。 
  例如,原先使用下面的代码:   
 
Do while not objRS.EOF strOptionList = strOptionList & "< OPTIONVALUE=""" & objRS("ID") & _ """ " & objRS("ProductName") objRS.MoveNextLoop Response.Write "< SELECT SIZE=""1"" " & strOptionList & "< /SELECT " 

  现在只需改动一行代码:   
 
 

来源:http://www.tulaoshi.com/n/20160129/1484509.html

延伸阅读
标签: 武术 养生 健康
突然想到武侠小说里面经常会出现的一句话:天下武功,唯快不破。这句话也充分的说明了速度的重要性。那么如何才能把速度提升起来呢?  5方法提高你的出拳的爆发力  速度,是指人体快速运动的能力。武警擒敌术训练是一项全身性的复杂运动,为了击中目标或避开对手的击打,就必须具有迅速完成各种动作的速度,这也是在实战中能否...
标签: ASP
  当所执行的SQL语句中有大量重用语句时,即页面A和页面B所执行的SQL语句      有大量重复操作,存在一个交集时,存储过程是可以提高网页浏览速度的。      一、如果是如此,在编写过程中,尽量提高程序的颗粒度,即尽量细化,尽量编写些原子过程,然后在逐层调用,搭建应用程序,就...
标签: 电脑入门
目前主流的U盘已经8G、16G了,写入速度相对显得不足,这里提供了一个方法,修改一下系统就大大提升Windows7下的U盘的性能。 这个办法跟我们所知的提升SATA硬盘性能的方法差不多,也就是开启"高级写入缓存(advanced write caching)",这种方法修改之后会增大作为写入缓存的系统内存容量,从而提升写入U盘的性能。不过它并不能让你更...
标签: 手机
定期重启手机 在使用iPhone时,大多数用户都会一直保持着开机状态,但定期重启手机其实是很有必要的。就像是关闭后台应用一样,关闭手机可以帮助iPhone摆脱那些一直在占用系统资源的东西。 删除旧的短信会话 大量的短信也是拖垮手机速度的原因之一,如果你搞不清楚手机为什么变卡,可以尝试删除手机当中那些无意义的老短信。...
标签: 电脑入门
方法是: 在RealOne Player播放窗口主界面菜单中选择工具→参数设置,然后在设置窗口中选择CD→高级CD,在激活的高级CD窗口中部选择高级按钮,接 下来在激活的高级保存CD选项窗口的下部,将性能框中的CPU占用滑块调节到最高的位置并确定即可。这样设置CPU的占用将增大,所以尽量不要开 启别的程序,可以在电脑闲置的时候完成这项工作。...

经验教程

149

收藏

11
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部