客戶端提高WEB頁面顯示速度的方法（1）

2024-07-21 02:21:24

字體：大中小

供稿：網(wǎng)友

客戶端提高web頁面的顯示速度，對(duì)客戶端瀏覽器來說，就是要把獲得html代碼，盡快地顯示出來，而不是要等剩余的html都接受到了后，才顯示出來。

html 中的table 標(biāo)簽必須整個(gè)table 的內(nèi)容都接受完畢，才可以顯示出來。

如果這時(shí)候服務(wù)器響應(yīng)速度不快，就會(huì)看到一個(gè)頁面打開需要很久。其實(shí)這之間已經(jīng)下載了不少內(nèi)容。只是由于一些標(biāo)簽中的內(nèi)容沒下載完畢，無法顯示而已，這樣如果網(wǎng)絡(luò)帶寬又不好，給用戶的體驗(yàn)會(huì)很不爽。

我關(guān)注的一個(gè)文學(xué)網(wǎng)站，用 javascript 加載數(shù)據(jù)島的方式，比較好的解決了顯示速度的問題。有興趣的可以參考這個(gè)網(wǎng)站? ：http://www.pinshu.com/book/booklist1.asp?shuid=645

他是用 table 定義了整個(gè)頁面的主要架構(gòu)，每個(gè)塊中具體要顯示的內(nèi)容，在數(shù)據(jù)島上定義。然后用javascript加載這些數(shù)據(jù)。然后再顯示出來。

這個(gè)方案的好處就是，整個(gè)頁面的架構(gòu)很快就可以顯示出來。然后慢慢的把每一塊的數(shù)據(jù)都加載上去。

缺點(diǎn)就是，數(shù)據(jù)島，用到的javascript，? 有很多是只有ie支持的。兼容性不好。

對(duì)需要考慮兼容性的網(wǎng)站來說，不合適。

大型的網(wǎng)站，在設(shè)計(jì)的時(shí)候，會(huì)適當(dāng)?shù)挠胻able，一個(gè)頁面由多個(gè)獨(dú)立的table,? 每個(gè)table 都不是很大，一個(gè)table 數(shù)據(jù)下載完畢，馬上就可以顯示出來。

一個(gè)典型的站點(diǎn)就是 http://news.sina.com.cn? 它每一橫塊的新聞都是一個(gè)table，然后每一橫塊都是一個(gè)方面的新聞，這一方面內(nèi)容下載完畢，就可以立即顯示了。不用等所有數(shù)據(jù)下載完畢。

使用表格時(shí)，可采用以下方式
(1)將可能的大表格劃小
(2)加上<tbody>標(biāo)簽
(3)采用style="table-layout:fixed" 使表格以遞行的方式顯示
(4)盡可能的給出每單元格的width,height

商業(yè)源碼熱門下載www.html.org.cn

上一篇：WEB頁面屏蔽IE右鍵菜單

下一篇：WebServices入門