Yahoo!的Exceptional Performance團隊為改善Web性能帶來最佳實踐。他們為此進行了一系列的實驗、開發了各種工具、寫了大量的文章和博客並在各種會議上參與探討。最佳實踐的核心就是旨在提高網站性能。

Excetional Performance團隊總結出了一系列可以提高網站速度的方法。可以分為7大類34條。包括內容、服務器、cookie、CSS、JavaScript、圖片、移動應用等七部分。

英文地址:http://developer.yahoo.com/performance/rules.html
中文地址:http://www.dudo.org/article.asp?id=214

主題樹 # 小木可16 年前 建立

外掛主題樹:

回應

排序: 依評價 | 依時間 RSS
標題
圖片、Coockie與移動應用
網址
http://www.dudo.org/article.asp?id=218
摘要
Coockie:

1. 減小Cookie體積
2. 對於頁面內容使用無coockie域名

圖片:

1. 優化圖像
2. 優化CSS Spirite
3. 不要在HTML中縮放圖像
4. favicon.ico要小而且可緩存

移動應用:

1. 保持單個內容小於25K
2. 打包組件成復合文本

評 價 0

你認為?

正評 負評

回應 1 # 小木可16 年前 發表

標題
JavaScript和CSS篇
網址
http://www.dudo.org/article.asp?id=216
摘要
CSS:

1. 把樣式表置於頂部
2. 避免使用CSS表達式(Expression)
3. 使用外部JavaScript和CSS
4. 削減JavaScript和CSS
5. 用<link>代替@import
6. 避免使用濾鏡

JavaScript

1. 把腳本置於頁面底部
2. 使用外部JavaScript和CSS
3. 削減JavaScript和CSS
4. 剔除重複腳本
5. 減少DOM訪問
6. 開發智能事件處理程序

評 價 0

你認為?

正評 負評

回應 2 # 小木可16 年前 發表

標題
服務器篇
網址
http://www.dudo.org/article.asp?id=215
摘要
1. 使用內容分發網絡
2. 為文件頭指定Expires或Cache-Control
3. Gzip壓縮文件內容
4. 配置ETag
5. 儘早刷新輸出緩衝
6. 使用GET來完成AJAX請求

評 價 0

你認為?

正評 負評

回應 3 # 小木可16 年前 發表

標題
內容篇
網址
http://www.dudo.org/article.asp?id=214
摘要
1. 儘量減少HTTP請求
2. 減少DNS查找
3. 避免跳轉
4. 緩存Ajxa
5. 推遲加載
6. 提前加載
7. 減少DOM元素數量
8. 用域名劃分頁面內容
9. 使frame數量最少
10. 避免404錯誤

評 價 0

你認為?

正評 負評

回應 4 # 小木可16 年前 發表

討論

目前還沒有資料