在 Yahoo 開發者網站上,Yahoo 提出了優化網站性能的N條規則(Best Practices for Speeding Up Your Web Site)。這些規則是:
1. 盡可能的減少 HTTP 的請求數(Minimize HTTP Requests) —— Tag: content
2. 使用 CDN(Use a Content Delivery Network) —— Tag: server
3. 添加 Expires 頭(或者 Cache-control ) (Add an Expires or a Cache-Control Header) —— Tag: server
4. Gzip 組件(Gzip Components) —— Tag: server
5. 將 CSS 樣式放在頁面的上方 (Put Stylesheets at the Top) —— Tag: css
6. 將腳本移動到底部(包括內聯的)(Put Scripts at the Bottom) —— Tag: javascript
7. 避免使用 CSS 中的 Expressions(Avoid CSS expressions) —— Tag: css
8. 將 JavaScript 和 CSS 獨立成外部文件(Make JS and CSS external) —— Tag: javascript, css
9. 減少 DNS 查詢 (Reduce DNS lookups) —— Tag: content
10. 壓縮 JavaScript 和 CSS ( Minify JS) —— Tag: javascript, css
11. 避免
重定向(Avoid redirects) —— Tag: server
12. 移除重復的腳本(Remove duplicate scripts) —— Tag: javascript
13. 配置實體標簽(Configure ETags) —— Tag: css
14. 使 AJAX 緩存(Make Ajax Cacheable) —— Tag: content
15. 提前刷新輸出緩沖(Flush the Buffer Early) —— Tag: server
16. Use GET for AJAX Requests —— Tag: server
17. Post-load Components —— Tag: content
18. ……
最開始 Yahoo 提出了 14 條規則(所以到現在搜索到的資料大多是叫“YAHOO 優化網站性能的14條規則”),后來 Yahoo 不斷完善添加,到今天我寫這篇文章 的時候,已經有 34 條規則了,覆蓋了server、CSS、javascript等七個大類。需要了解的可以在 Yahoo Developer 英文站上了解。
Yahoo 同時提供了一個 FireFox 插件 YSlow,可以直觀、方便的看到你的網站根據前13條優化規則的建議。關于這 13 條優化規則的中文說明,感興趣的可以直接參考 Yaosl 的文章:優化網站性能 提高網站速度訪問速度的14條實踐。他這里說得比較詳細。