客戶端提高WEB頁面顯示速度的方法（1） - 中國WEB開發者網絡 (http://www.webasp.net) -- 技術教程 (http://www.webasp.net/article/) --- 客戶端提高WEB頁面顯示速度的方法（1） (http://www.webasp.net/article/16/15467.htm)

-- 作者：未知 -- 發佈日期： 2004-12-10

客戶端提高WEB頁面的顯示速度，對客戶端瀏覽器來說，就是要把獲得Html代碼，盡快地顯示出來，而不是要等剩餘的Html都接受到了後，才顯示出來。 Html 中的Table 標籤 必須整個Table 的內容都接受完畢，才可以顯示出來。 如果這時候服務器響應速度不快，就會看到一個頁面打開需要很久。其實這之間已經下載了不少內容。只是由於一些標籤中的內容沒下載完畢，無法顯示而已，這樣如果網絡帶寬又不好，給用戶的體驗會很不爽。 我關注的一個文學網站，用 JavaScript 加載數據島的方式，比較好的解決了顯示速度的問題。有興趣的可以參考這個網站? ：http://www.pinshu.com/book/booklist1.asp?ShuID=645 他是用 Table 定義了整個頁面的主要架構，每個塊中具體要顯示的內容，在數據島上定義。然後用JavaScript加載這些數據。然後再顯示出來。 這個方案的好處就是，整個頁面的架構很快就可以顯示出來。然後慢慢的把每一塊的數據都加載上去。 缺點就是，數據島，用到的JavaScript，? 有很多是只有IE支持的。兼容性不好。 對需要考慮兼容性的網站來說，不合適。 大型的網站，在設計的時候，會適當的用Table，一個頁面由多個獨立的Table,? 每個Table 都不是很大，一個Table 數據下載完畢，馬上就可以顯示出來。 一個典型的站點就是 http://news.sina.com.cn? 它每一橫塊的新聞都是一個Table，然後每一橫塊都是一個方面的新聞，這一方面內容下載完畢，就可以立即顯示了。不用等所有數據下載完畢。 使用表格時，可採用以下方式 (1)將可能的大表格劃小 (2)加上<tbody>標籤 (3)採用Style="table-layout:fixed" 使表格以遞行的方式顯示 (4)盡可能的給出每單元格的width,height

webasp.net