在 Yahoo 開發(fā)者網(wǎng)站上,Yahoo 提出了優(yōu)化網(wǎng)站性能的N條規(guī)則(Best Practices for Speeding Up Your Web Site)。這些規(guī)則是:
1. 盡可能的減少 HTTP 的請求數(shù)(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. 將腳本移動到底部(包括內(nèi)聯(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 查詢 (Reduce DNS lookups) —— Tag: content
10. 壓縮 JavaScript 和 CSS ( Minify JS) —— Tag: javascript, css
11. 避免
重定向(Avoid redirects) —— Tag: server
12. 移除重復(fù)的腳本(Remove duplicate scripts) —— Tag: javascript
13. 配置實體標(biāo)簽(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 條規(guī)則(所以到現(xiàn)在搜索到的資料大多是叫“YAHOO 優(yōu)化網(wǎng)站性能的14條規(guī)則”),后來 Yahoo 不斷完善添加,到今天我寫這篇文章 的時候,已經(jīng)有 34 條規(guī)則了,覆蓋了server、CSS、javascript等七個大類。需要了解的可以在 Yahoo Developer 英文站上了解。
Yahoo 同時提供了一個 FireFox 插件 YSlow,可以直觀、方便的看到你的網(wǎng)站根據(jù)前13條優(yōu)化規(guī)則的建議。關(guān)于這 13 條優(yōu)化規(guī)則的中文說明,感興趣的可以直接參考 Yaosl 的文章:優(yōu)化網(wǎng)站性能 提高網(wǎng)站速度訪問速度的14條實踐。他這里說得比較詳細(xì)。