加速ASP程式的顯示速度

作者：Eve Cole 更新時間：2009-06-24 16:46:24

身為一個ASP程式設計師，你不會懷疑提升Web應用程式效能的重要性。為了讓程式運行的更快一些，你可能一直忙於優化資料庫或COM元件。如果這些你都做了，你有想到要加快最終產生HTML程式碼在瀏覽器中的顯示速度來提升效能嗎？對於最終用戶來說，如果頁面能顯示的更快，你就能贏得更多的讚譽。

提高HTML在瀏覽器中顯示的速度可以透過一些鮮為人知的技術來實現。

1.使用表格嵌套？

在頁面中建立複雜的結構，一般透過在頁面中放置HTML表格來實現。如果要建立一個這樣的頁面：這個頁面有一個頂部導覽列一個左邊導覽欄，一個右邊的內容區。可以用一個兩行兩列的大表格來建立它。在第一行中，合併兩個列，然後插入一個頂部導覽列。第二行左邊的列中，插入一個表格來顯示導覽按鈕。右邊的欄位中，放置一個表格來實際內容。 (見圖一)這樣嵌套的表格所產生的程式碼是這樣的：

但是，實際上，瀏覽器找到<TABLE>標籤的時候並不是立刻把頁面顯示到螢幕上，除非它找到對應的結束標籤</TABLE>。所以，如果你的整個頁面在一個表格裡的話，在收到最後一個</TABLE>之前，什麼也不會顯示出來，這樣，這個頁面將在整個文件全部下載以後才能被用戶所看到。在頁面資料量比較大的時候（例如搜尋引擎的搜尋結果），這個特性會導致暫時的停頓。為了防止這種情況，可以在製作的時候把頁面分成許多小的表格。在每一個<TABLE>到對應的</TABLE>這部分HTML程式碼下載完的時候，瀏覽器就會把它顯示出來。在訪客看來頁面是漸漸的，一部分一部分，越來越多的出現在螢幕上的。感覺上，這樣的頁面顯示速度比下載完整個檔案再一次顯示出來更快。

依照這個原則來研究前面的例子，應該把頁面中整個的大表分成三個單獨的表格。用第一個表格顯示頂部的導覽欄，調整它的寬度，使它足以容納所有的內容，在一個<TABLE></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程式碼來讓你的程式運作的更快。但是，在實際中應用這些技術，確實能使程式效能得到很大的提升。