当前位置：首页 -> 网页设计 -> DREAMWEAVER -> 提高页面显示速度的秘技

提高页面显示速度的秘技

时间： 2021-07-31 作者：daque

在安置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 & "< option value=""" & objrs("id") & _ """ >" & objrs("productname") objrs.movenextloopresponse.write "< select size=""1"" >" & stroptionlist & "< /select >"

　　此刻只需变换一条龙代码：

do while not objrs.eof stroptionlist = stroptionlist & "< option value=""" & objrs("id") & _ """ >" & objrs("productname") & "< /option >" objrs.movenextloopresponse.write "< select size=""1"" >" & stroptionlist & ""

　　即使从来运用的代码如次：

< ul > < li >苹果 < li >桔子 < li >甘蕉< /ul >

　　那么此刻改用：

< ul > < li >苹果< /li > < li >桔子< /li > < li >甘蕉< /li >< /ul >

　　过程那些变换之后，欣赏器表露页面包车型的士速率将会更快。