網站速度提升的34種方法 Yahoo開發團隊推薦
Yahoo在其開發者專用的官方網站上發表了一篇文章,整理出34種有效提升網站連結速度的方法,並分為:內容、主機、cookie、CSS、JavaScript、圖片、行動等七大類。
一般使用者能簡單做的,我才加註說明或粗體:
.內容
(01) 儘量減少HTTP要求:將多個外部引用檔案合併至單一檔案
(02) 降低DNS查詢
(03) 避免重新轉址
(04) 將Ajax進行快取
(05) 延遲載入元件
(06) 預先載入元件
(07) 降低DOM元素數量:精簡使用HTML標籤,如<div>
(08) 按網域分割元件
(09) 少用iframe
(10) 不要出現404錯誤
.主機
(11) 使用內容傳遞網路
(12) 增加Expires或是Cache-Control標頭
(13) Gzip壓縮元件
(14) 組態ETags
(15) 早點刷新緩衝
(16) 使用GET處理AJAX要求
.cookie
(17) 降低cookie大小
(18) 使用無cookie網域處理元件
.css
(19) Stylesheets要置於網頁頂端
(20) 避免使用css Expressions
(21) 用<link>代替@import
(22) 避免使用濾鏡:filter和alpha這類的語法少用
.javascript
(23) scripts要置於網頁尾端
(24) 外部引用javascript和css:將語法置於.js和.css檔案再引用
(25) 精簡javascript和css:降低檔案大小,移除空白字元和註解
(26) 移除重覆scripts
(27) 少用DOM存取
(28) 開發聰明的事件掌控器
.圖片
(29) 圖片最佳化:使用壓縮工具降低圖檔大小
(30) CSS Spirite最佳化
(31) 不要在HTML中重新界定圖片長寬:width和height少用
(32) 縮小並快取favicon.ico
.行動
(33) 控制元件小於25K
(34) 打包元件成複合文件
原文:Best Practices for Speeding Up Your Web Site
翻譯:Yahoo!网站性能最佳体验的34条黄金守则
後記:
大型網站開發者建議瀏覽全部內容(最下方有原文和翻譯),像08、18、15等項目還真是讓我學到不少,原來按檔案型態,分隔子網域存放,瀏覽器會進行平行傳輸,可以用這種方式來提升速度