提高Web頁面性能的法則

優化網站性能的14條規則（更新）

1. 盡可能的減少 HTTP 的請求數	[content]
2. 使用 CDN（Content Delivery Network）	[server]
3. 添加 Expires 頭(或者 Cache-control )	[server]
4. Gzip 元件	[server]
5. 将 CSS 樣式放在頁面的上方	[css]
6. 将腳本移動到底部（包括内聯的）	[javascript]
7. 避免使用 CSS 中的 Expressions	[css]
8. 将 JavaScript 和 CSS 獨立成外部檔案	[javascript] [css]
9. 減少 DNS 查詢	[content]
10. 壓縮 JavaScript 和 CSS (包括内聯的)	[javascript] [css]
11. 避免重定向	[server]
12. 移除重複的腳本	[javascript]
13. 配置實體标簽（ETags）	[css]
14. 使 AJAX 緩存	[content]

詳細請看：Best Practices for Speeding Up Your Web Site

如果具體想看下你 網站 在這14條規則下的表現，可以用 Yahoo 開發的 YSlow 工具（Firefox 下 FireBug 的插件）。

最近 Yahoo! Exceptional Performance 在 《優化網站性能的 14 條規則》的基礎上又增加了 20 條新的規則。

1. 盡早清除緩沖區	[server]
2. AJAX 請求使用“GET”方法	[server]
3. 延遲加載元件	[content]
4. 預加載元件	[content]
5. 減少 DOM 元素的數量	[content]
6. 跨域分離元件	[content]
7. 減少 iframes 的數量	[content]
8. 不出現 404	[content]
9. 減小 cookie 的體積	[cookie]
10. 為元件使用 cookie-free 的 域名	[cookie]
11.減少通路 DOM 的次數	[javascript]
12. 開發巧妙的事件處理程式	[javascript]
13. 優先選擇使用 <link> 而非 @import	[css]
14. 避免使用 filters	[css]
15. 優化 圖檔	[images]
16. 優化 CSS sprites	[images]
17. 不要在 HTML 中縮放圖檔	[images]
18. 減小 favicon.ico 的體積并緩存	[images]
19. 保持元件在 25K 以下	[mobile]
20. 将元件分拆到多個 文檔 中	[mobile]