用戶端提高WEB頁面顯示速度的方法(1)

來源:互聯網
上載者:User
web|用戶端|速度|顯示|頁面 用戶端提高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





相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。