網頁加速的14條黃金法則http://www.piece2ec.com.tw/news.asp?ID=34想要加快網頁下載速度,卻不知道問題出在哪裡?本書以全球十大網站做為案例分析的對象,包括Yahoo、Google、Amazon、YouTube等。只要了解大型網站的經驗法則,就可以指引你優化網頁效能的方向。網站的視覺設計及內容,是能否吸引訪客的重要因素之一,但也不能因而顧此失彼,造成網站效能的瓶頸。從過去的訪客行為研究分析指出,等待一個網頁的呈現時間不能超過9秒鐘,但面對目前網頁內容多媒體化的現實挑戰,要達到這樣的目標,在前端頁面的設計上,也就需要多花些心思。著重找房子網頁前端的效能改善 《High Performance Web Sites》內容主要針對網站前端的設計人員所設計。作者曾經擔任雅虎CPO(Chief Performance Officer),在雅虎負責研究改善網站效能的方法,他以多年的經驗整理出14個網站前端設計需要注意的準則。全書內容簡明扼要,具有網站設計經驗的讀者,可以快速領略要點;初次接觸的生手,也可以透過本書建立良好的網站設計觀念。14條必勝定律 如何有效提升網站效能?作者針對網站效能最佳化歸納出以下方針,並舉例加以說明:1. 減少需要發出HTTP Request的數量 當你設計的網頁中包含的元件數量越多,Client需房地產要對網站伺服器發出的HTTP Request也會增加,同時也會延長網頁處理的時間。2. 採用Content Delivery Network服務 由Mirror Image、Akamai、SAVVIS等業者所提供的Content Delivery Network(CDN,內容遞送網路服務),可以供應強大的全球網路基礎架構,將網站以最有效的方式傳送給全球使用者,並自動幫網站選擇最佳路徑傳送資料,例如,根據瀏覽者所在地、網路品質及流量狀況,選擇距離用戶端最近的資料中心傳送資料,確保網頁的瀏覽品質及運作速度。3. 在網頁中加入過期檔頭 你可以利用這個設定讓網頁具備快取機制,縮短頁面載入時間,尤其是關鍵字排名針對內容不常變動的網頁。當然這樣的運用,得視你的網頁性質而定,若內容變動頻率高的網頁,則不適用此方式。4. 善用Gzip壓縮機制 以XML/HTTP做為資料交換的開放格式已經十分普遍,傳輸的檔案體積,較過去單純的EDI方式增加許多,用傳送壓縮時間換取傳輸時間,也是一種提升效率的策略,目前常見的網站伺服器大都支援此項技術。你甚至也可以視情況選擇壓縮HTML、CSS及JavaScript的檔案內容。5. 將Stylesheet置於網頁頁首 將樣式表(Stylesheet)置於頁首,可以讓CSS設定先行載入,在第一時間套用設定直接呈現網頁。相較於把樣式表放置在頁尾,小額信貸等所有內容都下載完畢後才套用,樣式表置於頁首的作法,除了頁面呈現速度較快,載入過程中也較不易造成空白頁的出現。6. 將Script內容置於頁尾 許多實際狀況中,網頁包含的Script程式,本身並不需要在載入後立即執行,所以作者建議將這些程式碼置於頁尾,至少內容可以在傳輸前段時間即備妥,讓使用者有較佳的瀏覽體驗。7. 避免CSS Expression的撰寫方式 CSS Expression的目的,在於讓自訂樣式的語法可以取代部分的Script內容,雖然這麼做很好用,但因網頁顯示過程中花費較多的邏輯判斷時間,造成網站效能的致命傷。8. 將JavaScript及CSS內容獨澎湖民宿立於網頁內容之外 透過獨立內容的方式,讓HTML本文檔案縮小,而且可以同時被瀏覽器下載,以縮短網頁呈現的時間。9. 減少DNS查找的次數,縮短取得網頁內容之前的前置時間 雖然網頁可以串連不同網站來源的內容,但是不同網站來源的內容一旦太多,便會延遲頁面載入速度;如果能夠減少網頁內不同網站來源的內容,就可以減少從用戶端發出的DNS Request數量,縮短DNS的查詢時間。10. JavaScript內容精簡化 網頁中的JavaScript也是下載的一部分,所以當程式碼內容較多時,亦會直接影響網頁下載的速度。檢視一下程式碼,移除不必要的部分。11. 避免重西裝導向 網頁重新導向是很方便的功能,但對於使用者而言,他必須等待更多的時間直到最終頁面被載入,所以應該盡可能避免使用重導向轉址功能。12. 移除重複的Script程式碼 重複的Script程式碼需要花費更多的下載時間,這個問題通常發生在程式碼未能妥善模組化的情況下,檢查一下你的Script程式吧。13. 善用Etag 透過設定Web Server中的Entity Tag方式,能決定網頁中被快取的內容,以加速網頁呈現,但也得視網頁內容特性而定,Etag主要運用在靜態頁面上,而動態顯示內容的網頁則不適用此方式。14. 讓Ajax程式可做到暫存快 Ajax架構透過非同步的傳輸租屋方式,讓使用者具有較佳的使用體驗,卻不見得是效能的保證。除了可以透過利用Gzip壓縮、避免DNS查找次數、簡化JavaScript內容之外,控制HTTP過期檔頭來快取Ajax網頁,也能發揮明顯效果。來源:http://www.ithome.com.tw/itadm/article.php?c=48311參考文獻:李俊宏(1995)。網頁設計原則的研究一以大專院校首頁設計為例。雲林技術學院程設計研究所碩士論文,未出版,雲林。王育民、王怡舜 (1999), 行銷策略導向之旅館業網際網路服務內容規劃與設計, 第五屆服務管理研討會, 台北市, .林隆儀、林岳民 (2005), 廣告比較策略與廣告訴求方式對購買租屋意願的影響-產品涉入之干擾效果, 企業管理學報, 65(), 1-30.Brackett, L. K.; Carr, B. N. (2001), Cyberspace Advertising vs. Other Media: Consumer vs. Mature Student Attitudes, Journal of Advertising Research, 41(5), 23-32.Calder, B. T.; Philillips L. W.; Tybout, A. M. (1981), Design Research for Application, Journal of Consumer Research, 8(Sept), 197-207.Carmela, D. M.; Anna, M. (2004), Attitudes to Risk and Attitudes to Uncertainty: Experimental Evidence, Applied Economics, 36(4), 357-372. 相關文章 看酒店工作歐巴馬如何用IT成功行銷自己Mozilla發現網釣新手法:標籤綁架Mozilla 被指抄襲 Web 設計公司的網站設計20歲傑青心得「不怕挫折」的網頁設計蘋果推出 HTML5 技術的網頁設計展示專頁最新文章 台南崑山科技推動城鄉零距離,協助網站設計鄉鎮景點網站設計與優化的6大環節SEO關鍵字排名-玩轉空間攻略-PR篇之三“如何PR>=6”SEO關鍵字排名-玩轉空間攻略-PR篇之二“如何PR=5”SEO關鍵字排名-玩轉空間攻略-PR篇之一“如何PR=4”


.msgcontent .wsharing ul li { text-indent: 0; }



分享

Facebook
Plurk
辦公室出租YAHOO!

創作者介紹

夾公仔

xp96xpzctr 發表在 痞客邦 PIXNET 留言(0) 人氣()