浅析怎样提高页面显示速率

泉源：上海南宫娱乐网络 日期：2018-05-19 10:18 点击：

在安排Web页面的结构时，
，，，，，最常用的要领之一是用HTML表格界定页面的结构。。。例如，
，，，，，假设Web页面由顶端的导航条和它下面的两栏（列）组成——左边的列是一个导航条，
，，，，，右边的列是现实安顿内容的区域。。。关于这样一个页面，
，，，，，我们可以用一个两行、两列的大表格举行结构：在第一行中，
，，，，，合并两个列然后放上顶端导航表格
；；；；；在第二个行中，
，，，，，左边的列放上一个显示导航按钮的表格，
，，，，，右边的列再用一个表格显示页面的现实内容。。。用这种表格嵌套表格的要领举行结构可以获得很是好的效果。。。

　　要制作出这种页面，
，，，，，我们可以使用如下HTML代码：

＜ TABLE ＞
＜ TR ＞
＜ TD COLSPAN="2" ＞＜ !-- 顶端导航条的内容 -- ＞＜ /TD ＞
＜ /TR ＞
＜ TR ＞
＜ TD VALIGN="TOP" ＞＜ !-- 左边导航条的内容 -- ＞＜ /TD ＞
＜ TD VALIGN="TOP" ＞＜ !-- 页面内容区域 -- ＞＜ /TD ＞
＜ /TR ＞
＜ /TABLE ＞


　　若是浏览器发明页面中有一个TABLE标记，
，，，，，在吸收到对应的竣事标记＜ /TABLE ＞之前它不会显示这个表格。。。因此，
，，，，，若是整个页面都放入了一个大表格中，
，，，，，在浏览器下载这个大表格的＜ /TABLE ＞标记之前整个页面都不会显示。。。当显示内容很是多的页面时（例如，
，，，，，搜索效果或者电子商务网站上的产品目录），
，，，，，表格的延迟显示会导致整个页面显示的停留。。。

　　为了阻止泛起这种情形，
，，，，，我们应该把页面划分成多个较小且自力的表格区域。。。这样的话，
，，，，，每个表格的HTML代码下载之后浏览器就可以连忙显示它。。。关于浏览者来说，
，，，，，页面将在屏幕上一部分、一部分地逐渐显示出来。。。并且更主要的是，
，，，，，这种页面在屏幕上最先显示的速率要比前面期待整个页面下载才显示的要领快得多。。。

　　关于前面先容的例子，
，，，，，我们不是使用单个大表格举行页面结构，
，，，，，而是使用三个自力的表格：第一个表格显示页面顶端的导航条，
，，，，，使其具有足够的宽度显示页面内容并完整地给出其＜ TABLE ＞＜ /TABLE ＞标记对
；；；；；在第一个表格的左下位置安排第二个表格，
，，，，，使这个表格向左对齐
；；；；；最后一个表格位于第二个表格的右边，
，，，，，用于安排页面内容。。。由于现在每一部分都是一个自力的表格，
，，，，，浏览器只要下载了任一部分的代码就会连忙显示它。。。因此，
，，，，，页面顶端和左面的导航条将比页面其余部分更快地显示出来。。。这就阻止了让浏览者长时间地在空缺页眼前期待，
，，，，，而是给了他这样一种印象：页面已经最先下载，
，，，，，整个页面将连忙泛起在屏幕上。。。

　　修改后的结构代码如下所示：


＜ TABLE ＞
＜ TR ＞
＜ TD VALIGN="TOP" ＞＜ !-- 顶端导航条的内容 -- ＞＜ /TD ＞
＜ /TR ＞
＜ /TABLE ＞
＜ TABLE ＞
＜ TR ＞
＜ TD VALIGN="TOP" ＞＜ !-- 左边导航条的内容 -- ＞＜ /TD ＞
＜ /TR ＞
＜ /TABLE ＞
＜ TABLE ＞
＜ TR ＞
＜ TD VALIGN="TOP" ＞＜ !-- 页面内容区域 -- ＞＜ /TD ＞
＜ /TR ＞
＜ /TABLE ＞


正如尽可能早地关闭TABLE标记使得浏览器能够快速地显示出表格中的数据，
，，，，，尚有另外两个标记也同样可以用这种要领提高显示速率，
，，，，，这两个标记就是用于制作列表框的＜ OPTION ＞标记和用于制作无序列表的＜ LI ＞标记。。。

　　ASP程序员经常要会见数据库获取数据然后用＜ OPTION ＞标记结构列表框。。。只要简朴地改动一下代码关闭＜ OPTION ＞标记，
，，，，，就可以让浏览器显示页面的速率加速。。。

　　例如，
，，，，，原先使用下面的代码：

Do while not objRS.EOF
strOptionList = strOptionList & "＜ OPTION VALUE=""" & objRS("ID") & _
""" ＞" & objRS("ProductName")
objRS.MoveNext
Loop
Response.Write "＜ SELECT SIZE=""1"" ＞" & strOptionList & "＜ /SELECT ＞"

　　现在只需改动一行代码：

Do while not objRS.EOF
strOptionList = strOptionList & "＜ OPTION VALUE=""" & objRS("ID") & _
""" ＞" & objRS("ProductName") & "＜ /OPTION ＞"
objRS.MoveNext
Loop
Response.Write "＜ SELECT SIZE=""1"" ＞" & strOptionList & ""


　　若是原来使用的代码如下：

＜ UL ＞
＜ LI ＞苹果
＜ LI ＞桔子
＜ LI ＞香蕉
＜ /UL ＞


　　那么现在改用：

＜ UL ＞
＜ LI ＞苹果＜ /LI ＞
＜ LI ＞桔子＜ /LI ＞
＜ LI ＞香蕉＜ /LI ＞
＜ /UL ＞

　　经由这些改动之后，
，，，，，浏览器显示页面的速率将会更快。。。