作為一個ASP程序員,你不會懷疑提高Web應用程序性能的重要性。為了讓程序運行的更快一些,你可能一直忙於優化數據庫或COM組件。如果這些你都做過了,你想到過靠加快最終生成Html代碼在浏覽器中的顯示速度來提高性能嗎?對於最終用戶來說,如果頁面能顯示的更快,你就能贏得更多的贊譽。
提高Html在浏覽器中顯示的速度可以通過一些鮮為人知的技術來實現。
1.使用表格嵌套?
在頁面中建立復雜的結構,一般通過在頁面中放置Html表格來實現。如果要建立一個這樣的頁面:這個頁面有一個頂部導航欄一個左邊導航欄,一個右邊的內容區。可以用一個兩行兩列的大表格來建立它。第一行中,合並兩個列,然後插入一個頂部導航欄。第二行左邊的列中,插入一個表格來顯示導航按鈕。右邊的欄中,放置一個表格來實際內容。(見圖一)這樣嵌套的表格生成的代碼是這樣的:
<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>
但是,實際上,浏覽器找到<TABLE>標簽的時候並不是立刻把頁面顯示到屏幕上,除非它找到相應的結束標簽</TABLE>。所以,如果你的整個頁面在一個表格裡的話,在收到最後一個</TABLE>之前,什麼也不會顯示出來,這樣,這個頁面將在整個文件全部下載以後才能被用戶所看到。在頁面數據量比較大的時候(比如搜索引擎的搜索結果),這個特性會導致暫時的停頓。為了防止出現這種情況,可以在制作的時候把頁面分成許多小的表格。在每一個<TABLE>到相應的</TABLE>這一部分Html代碼下載完的時候,浏覽器就會把它顯示出來。在訪問者看來頁面是漸漸的,一部分一部分,越來越多的出現在屏幕上的。感覺上,這樣的頁面顯示速度比下載完整個文件再一次顯示出來更快。
按照這個原則來研究前面的例子,應該把頁面中整個的大表分成三個單獨的表。用第一個表顯示頂部的導航欄,調節它的寬度,使它足夠容納所有的內容,在一個<TABLE></TABLE>代碼段中完成它。頁面下半部分,左邊第二個表排成一列。使用第三個表容納實際內容。(見圖二)因為每一個部分都是一個完整的表格,所以,每一部分代碼下載後都會立刻被顯示出來。這樣,頂部和左邊的導航欄將比頁面的其它部分更顯顯示出來。用戶會在這個時候想象頁面開始下載,很快就能顯示在屏幕上。這樣比起讓用戶在較長時間內一直面對一個空白屏幕要好得多。
修改過的代碼是這樣的:
<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.也要記住關閉其他的標記
在上面的例子中,我們僅僅早一些關閉<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 & "</SELECT>"
不要使用這樣的代碼:
<UL>
<LI>Apples
<LI>Oranges
<LI>Bananas
</UL>
使用這樣的代碼:
<UL>
<LI>Apples</LI>
<LI>Oranges</LI>
<LI>Bananas</LI>
</UL>
現在看看,你的頁面在浏覽器中是不是顯示的快了?
請不要輕視這些改變對提高ASP程序性能的重要性。也許,在你能找到的“技巧與提示”一類的書或在線資料中,很少提到過通過優化Html代碼來使你的程序運行的更快。但是,在實際中應用這些技術,確實能使程序性能得到很大的提高。