客戶端提高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
|
|