在 Yahoo 開(kāi)發(fā)者網(wǎng)站上,Yahoo 提出了優(yōu)化網(wǎng)站性能的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 樣式放在頁(yè)面的上方 (Put Stylesheets at the Top) —— Tag: css
6. 將腳本移動(dòng)到底部(包括內聯(lián)的)(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 查詢(xún) (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. 配置實(shí)體標簽(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. ……
最開(kāi)始 Yahoo 提出了 14 條規則(所以到現在搜索到的資料大多是叫“YAHOO 優(yōu)化網(wǎng)站性能的14條規則”),后來(lái) Yahoo 不斷完善添加,到今天我寫(xiě)這篇文章 的時(shí)候,已經(jīng)有 34 條規則了,覆蓋了server、CSS、javascript等七個(gè)大類(lèi)。需要了解的可以在 Yahoo Developer 英文站上了解。
Yahoo 同時(shí)提供了一個(gè) FireFox 插件 YSlow,可以直觀(guān)、方便的看到你的網(wǎng)站根據前13條優(yōu)化規則的建議。關(guān)于這 13 條優(yōu)化規則的中文說(shuō)明,感興趣的可以直接參考 Yaosl 的文章:優(yōu)化網(wǎng)站性能 提高網(wǎng)站速度訪(fǎng)問(wèn)速度的14條實(shí)踐。他這里說(shuō)得比較詳細。