※ 引述《ateclean (乙癡光)》之銘言：
: → TonyQ:所以弄在BODY會變成所有資料都讀完才一次顯示,對使用者不佳 08/21 10:31
: 推 aiyswu:請問...為什麼會不佳呢? 08/24 07:39
: → TonyQ:依次載入跟突然爆一堆內容的差別 , 只有複雜的網頁會發生. 08/24 10:49
修正一下原句, 應該是說所有需要同步載入的資料都讀完.
(ex.td的結構內的原始碼要都讀完才會顯示 , 非defer的script 要載入完等,
圖片之類因為是非同步載入,所以影響較小.)
剛剛剛好瀏覽到一個能拿來當例子的網站...
http://www.yzu.edu.tw/
以這個標準的table式網站來說 , 用ie一定要等到讀完才會完全顯示 ,
而firefox好一點 , 會分上下段顯示 , 但是沒好多少.
他會卡住的主要理由是因為td裡面有script跟flash下載的部份,
以這個例子而言由於他要等script載好才能讓td完成 , 所以就會造成拖很久 .
而不能像一般網頁 , 我在這裡舉個極端的例子: http://tw.yahoo.com/
像他內容雖然複雜 , 但是仍然是區塊式的一塊塊顯示.
如果拿firebug觀察 , 就可以發現其實後者的總載入時間是比較久的 ,
但是使用觀感上後者會比前者好 , 至少我的感覺是這樣...
（雖然說我非常討厭 , 肥到要超過三秒才能看到我想要的東西的頁面...）
當然 , 從這個議題可以再延伸到另一件事情 ,
script如果非必要（e.g.裡面有document.write的script就屬於必要）,
盡量放到頁面結構的底部是對觀感體驗比較好的 ,
因為讀到script會停住等他讀完 .
---
當然 , 前提是你有打算把網站做到那麼肥啦, 本例子純就html結構舉例 ...＝.＝a
而且我是特地舉差異比較極端的例子來比較 , 而且蠻事後諸葛的,
實際上做的時候你幾乎不會去考慮pf tuning的事情 ,
因為通常是沒時間想那麼多,先做再說. :p
--
What do you want to have ? / What do you have?
從書本中，你可以發現我的各種興趣。
從ＣＤ中，你可以瞭解我所喜歡的偶像明星。
或許從文字你很難以瞭解一個人，但從物品可以。
My PPolis , My past. http://ppolis.tw/user/Tony
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 211.74.91.94
※ 編輯: TonyQ 來自: 211.74.91.94 (08/24 17:35)
※ 編輯: TonyQ 來自: 211.74.91.94 (08/24 17:37)