作為一個(gè)ASP程序員，你不會懷疑提高Web應(yīng)用程序性能的重要性。為了讓程序運(yùn)行的更快一些，你可能一直忙于優(yōu)化數(shù)據(jù)庫或COM組件。如果這些你都做過了，你想到過靠加快最終生成HTML代碼在瀏覽器中的顯示速度來提高性能嗎？對于最終用戶來說，如果頁面能顯示的更快，你就能贏得更多的贊譽(yù)。
提高HTML在瀏覽器中顯示的速度可以通過一些鮮為人知的技術(shù)來實(shí)現(xiàn)。
1.使用表格嵌套？
在頁面中建立復(fù)雜的結(jié)構(gòu)，一般通過在頁面中放置HTML表格來實(shí)現(xiàn)。如果要建立一個(gè)這樣的頁面：這個(gè)頁面有一個(gè)頂部導(dǎo)航欄一個(gè)左邊導(dǎo)航欄，一個(gè)右邊的內(nèi)容區(qū)?？梢杂靡粋€(gè)兩行兩列的大表格來建立它。第一行中，合并兩個(gè)列，然后插入一個(gè)頂部導(dǎo)航欄。第二行左邊的列中，插入一個(gè)表格來顯示導(dǎo)航按鈕。右邊的欄中，放置一個(gè)表格來實(shí)際內(nèi)容。(見圖一)這樣嵌套的表格生成的代碼是這樣的：
<TABLE BORDER="0">
<TR>
<TD COLSPAN="2"><!-- content for top nav bar --></TD>
</TR>
<TR>
<TD ALIGN="LEFT" VALIGN="TOP"><!-- content for left nav bar --></TD>
<TD ALIGN="LEFT" VALIGN="TOP"><!-- content for body of page --></TD>
</TR>
</TABLE>
但是，實(shí)際上，瀏覽器找到<TABLE>標(biāo)簽的時(shí)候并不是立刻把頁面顯示到屏幕上，除非它找到相應(yīng)的結(jié)束標(biāo)簽</TABLE>。所以，如果你的整個(gè)頁面在一個(gè)表格里的話，在收到最后一個(gè)</TABLE>之前，什么也不會顯示出來，這樣，這個(gè)頁面將在整個(gè)文件全部下載以后才能被用戶所看到。在頁面數(shù)據(jù)量比較大的時(shí)候（比如搜索引擎的搜索結(jié)果），這個(gè)特性會導(dǎo)致暫時(shí)的停頓。為了防止出現(xiàn)這種情況，可以在制作的時(shí)候把頁面分成許多小的表格。在每一個(gè)<TABLE>到相應(yīng)的</TABLE>這一部分HTML代碼下載完的時(shí)候，瀏覽器就會把它顯示出來。在訪問者看來頁面是漸漸的，一部分一部分，越來越多的出現(xiàn)在屏幕上的。感覺上，這樣的頁面顯示速度比下載完整個(gè)文件再一次顯示出來更快。
按照這個(gè)原則來研究前面的例子，應(yīng)該把頁面中整個(gè)的大表分成三個(gè)單獨(dú)的表。用第一個(gè)表顯示頂部的導(dǎo)航欄，調(diào)節(jié)它的寬度，使它足夠容納所有的內(nèi)容，在一個(gè)<TABLE></TABLE>代碼段中完成它。頁面下半部分，左邊第二個(gè)表排成一列。使用第三個(gè)表容納實(shí)際內(nèi)容。(見圖二)因?yàn)槊恳粋€(gè)部分都是一個(gè)完整的表格，所以，每一部分代碼下載后都會立刻被顯示出來。這樣，頂部和左邊的導(dǎo)航欄將比頁面的其它部分更顯顯示出來。用戶會在這個(gè)時(shí)候想象頁面開始下載，很快就能顯示在屏幕上。這樣比起讓用戶在較長時(shí)間內(nèi)一直面對一個(gè)空白屏幕要好得多。
修改過的代碼是這樣的：
<TABLE BORDER="0" WIDTH="100%">
<TR>
<TD ALIGN="CENTER" VALIGN="TOP"><!-- content for top nav bar --></TD>
</TR>
</TABLE>
<TABLE BORDER="0" ALIGN="LEFT">
<TR>
<TD ALIGN="LEFT" VALIGN="TOP"><!-- content for left nav bar --></TD>
</TR>
</TABLE>
<TABLE BORDER="0">
<TR>
<TD ALIGN="LEFT" VALIGN="TOP"><!-- content for page body --></TD>
</TR>
</TABLE>
2.也要記住關(guān)閉其他的標(biāo)記
在上面的例子中，我們僅僅早一些關(guān)閉<TABLE>標(biāo)記，就能讓頁面在瀏覽器顯示的更快些。以此類推，還有一些類似的標(biāo)記也有同樣的特性。
比如產(chǎn)生列表框和組合框<OPTION>標(biāo)記和產(chǎn)生列表項(xiàng)的<LI>標(biāo)記。通常，ASP程序員存取數(shù)據(jù)庫，并把數(shù)據(jù)送入通過<OPTION>建立的列表框或組合框中，這時(shí)候在代碼中寫上一個(gè)關(guān)閉<OPTION>標(biāo)記，這樣簡單的改變也能使頁面在瀏覽器中顯示的更快。
不要使用這樣的代碼：
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 & "</SELECT>"
不要使用這樣的代碼：
<UL>
<LI>Apples
<LI>Oranges
<LI>Bananas
</UL>
使用這樣的代碼:
<UL>
<LI>Apples</LI>
<LI>Oranges</LI>
<LI>Bananas</LI>
</UL>
現(xiàn)在看看，你的頁面在瀏覽器中是不是顯示的快了？
請不要輕視這些改變對提高ASP程序性能的重要性。也許，在你能找到的“技巧與提示”一類的書或在線資料中，很少提到過通過優(yōu)化HTML代碼來使你的程序運(yùn)行的更快。但是，在實(shí)際中應(yīng)用這些技術(shù)，確實(shí)能使程序性能得到很大的提高。
文章來自: ASP技術(shù)網(wǎng)站(www.aspjs.net) 詳文參考：http://www.aspjs.net/aspjs1html/ASPjiaocheng/ASPjishuziliao/1322.html
