作者:未知 來源:本站原創 時間:2006-03-23 類別:網頁理論
當我最近在HotBot工作并試圖加速我的網頁時,我花了很多時間查看其它網站,想從他們的成功和失敗中學點什么。我學到很多如何使頁面裝載和繪制很快的方法,但是也發現非常多的沒有必要的臃腫的東西。
基于我所發現的和沒有發現的,我總結了一些使網頁緊縮的方法。既然你已經使你的圖像和表格盡可能地苗條,現在讓我們看看優化網站的最后一關。
與松弛做斗爭的最后防線我理解找到完美方法實現好的設計使廣告商高興和每個頁面可用是多么的困難。但是我希望設計者最好避免海嘯般的連接。
很多出版商(如ZDNet和CNET)因為連接太多而使網頁阻塞-每頁上都有大量指向其它頁和其它網站的連接。我甚至在我們自己的后院發現了同樣的問題(或者是不是可以說我們的前門?)。
這樣的交叉連接通常是考慮到市場的原因:讓讀者知道同一公司的其它內容和站點。但是你也不必象一個人類問題專家那樣認為網頁上連接越多,單個連接被訪問的機會越少。經過10個左右連接后,讀者趨向于只讀頁中間的文章。這些未讀、未被接觸的“連接農場”可以占到網頁HTML的一半。并且,不象logo和icon駐留在cache里,調用每頁時,它們重新下載。
這些連接背后的長URL的累加也很可觀。AltaVista為附加查詢結果頁的“1 2 3 ... 20”(在每個查詢結果頁的底部)連接就要浪費4KB的HTML。通過實現更短、更少的URL,最近AltaVista重新進行了設計,把連接的尺寸平均減少到1KB。結果是,通過撥號modem的頁面下載速度明顯提高(就金錢和常識來說,意味著客戶更愉悅,每分鐘的頁面點擊率越多)。
一些同樣的網站也為放入大量的交叉連接感到內疚。有時他們故意這么做來增加頁面點擊率,但是通常可以加一個附加的頁來容納其它用戶感興趣的內容。
如果你不想讓讀者下載他們不需要的字節,同時又不希望他們退回去重新下載讀過的頁面,那么你知道他們無論如何也要一頁。所以要研究你的服務器日志,發現用戶點擊最多和最少的是什么。刪掉沒人讀的內容,把它們替換為日志數據證明有必要的信息。
把JavaScript/" target="_blank">JavaScript當作垃圾
很多網猴認為頁面中的JavaScript/" target="_blank">JavaScript不使頁面變慢。然而,JavaScript/" target="_blank">JavaScript是一種解釋語言,而不是編譯語言-這意味著它被裝載后還要被分析。我們習慣于在HotBot中使用JavaScript/" target="_blank">JavaScript函數使瀏覽者的鍵盤輸入聚焦到文本輸入框內。這樣 桓齪??掛趁嫻淖霸孛饗員瀆??詞顧?某踔允俏?思鈾儼檠??
檢查你頁面中的JavaScript/" target="_blank">JavaScript,看看它是如何影響裝載和初始化時間的。如果你用JavaScript/" target="_blank">JavaScript控制plug-in或dHTML,應該查看用戶手冊看看這些組件是如何使用的。你可能會發現你的20行的JavaScript/" target="_blank">JavaScript程序可以用一個內置的裝載和運行更快的函數來替代。我們就犯過這樣的錯誤:我們用JavaScript/" target="_blank">JavaScript寫了一個“NextTen”函數來改變裝載到MSIE4的一個表中的內容。后來我們知道IE的內置nextPage函數比它快10倍,而且當它運行時不會使頁面混亂。如果你的讀者遇到過這樣的麻煩,試試這個函數-對每個人都有利。
扔掉小技巧、計數器和其它活動的部分
坦白地說,關心你的網站的訪問人數的人不會很多(如果是一些令人印象很深的數字,可以在你的頁面中編碼,當它突變時再更新之)。初始化Java并裝入一個applet只是使頁面中的一些文本滾動-這樣的頁面不值得去等。今年早些時候,CNN通過移去它的Java大字標題把頁面裝載速度從50秒減少到20秒。
你是怎么想的?- CNN的點擊率和觀眾份額會增加還是減少?
測試你的網頁
在過去的四天里,我們為你提供了很多加速網頁的方法。為了能讓用戶能有所體會,你需要為網頁制定一些行為標準并實行之。
制定你的標準
別只自問:“網頁現在有多快?”并試圖進行改善。應該問“頁面應該有多快?”。或者減少用戶的等待時間,或者讓用戶覺得他們的等待是值得的。
制定合理指導方針的最佳方法是檢查你的競爭對手的網站。查找與你的網站提供相同內容、服務、價值等的網站,研究它們的表現。請教你們公司市場部、銷售部或其它部門的人,讓他們評價你的競爭對手的網站。可以進行一次角色扮演:把你自己當成一個用戶,進行一次網上漫游。
當你確定了要查看哪些網站后,確定你要進行到哪里。或許整個頁面裝載完,但是或許應該確定某個特定條目的裝載時間(例如,一個新網站的頂部標題)。我們研究過的一些站點非常好:
在頁面完成裝載之前,用戶可以看到一些很重要的東西。
優秀包裝設計精選集(44)包裝設計2013-11-24
20個國外創意信封設計欣賞VI設計2013-11-14
6個創意品牌形象設計佳作VI設計2013-11-14
30款薯片包裝設計欣賞包裝設計2013-10-26
現代時尚的臥室設計欣賞裝修設計2013-10-25
優秀包裝設計精選集(43)包裝設計2013-10-25
設計師如何通過顏色來影網頁理論2013-12-03
做好扁平化設計:視覺篇網頁理論2013-11-28
如何讓響應式網頁設計保網頁理論2013-11-06
淺析專題中的構圖之美網頁理論2013-11-06
扁平設計之爭網頁理論2013-09-18
網頁設計可用性指導-如何網頁理論2013-07-26