Web 前端效能優化最佳實踐：內容篇（10 條規則）

Yahoo! 前端優化規則演進至 34 條，內容導向類 10 條：

1. 減少 HTTP 請求：合併檔案、CSS Sprites、Image Maps、Inline Images (data: URI)。
2. 減少 DNS 查詢：DNS 解析開銷大，避免過多外部 Widget 導致大量 DNS Lookup。
3. 避免重導向：網址結尾加 / 避免 301，Apache 可用 DirectorySlash 或 mod_rewrite。
4. 讓 AJAX 可快取：回應時間關鍵，善用 Cache-Control。
5. 延遲載入元件：非關鍵資源延後載入（異步思想）。
6. 預載入元件：利用閒暇頻寬預先載入後續頁面資源。
7. 減少 DOM 元素數量：精簡標記，提升渲染與 JS 遍歷速度。
8. 跨域分流元件：增加平行下載管道，但域名過多會加劇 DNS 查詢（與第 2 點平衡）。
9. 最小化 iframe 數量：iframe 利弊參半，SEO 不利，謹慎使用。
10. 杜絕 404 錯誤：含 CSS/JS 引用的 404，測試與日誌監控並重。

具體實作細節持續補充中。