作為一個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>程式碼片段中完成它。頁面下半部分,左邊第二個表排成一列。使用第三個表容納實際內容。(見圖二)因為每一個部分都是一個完整的表格,所以,每一部分代碼下載後都會立刻被顯示出來。這樣,頂部和左邊的導覽列將比頁面的其它部分更顯顯示出來。使用者會在這個時候想象頁面開始下載,很快就能顯示在螢幕上。這樣比起讓使用者在較長時間內一直面對一個空白螢幕要好得多。