前端性能優化實踐

關于 性能優化 是個大的面，這篇文章主要涉及到 前端 的幾個點，如 前端性能優化 的流程、常見技術手段、工具等。

提及 前端性能優化 ，大家應該都會想到 雅虎軍規，本文會結合 雅虎軍規 融入自己的了解知識，進行的總結和梳理 。

雅虎軍規

首先，我們先來看看**“雅虎軍規”**的35條：

盡量減少 HTTP 請求個數——須權衡

使用 CDN（內容分發網絡）

為文件頭指定 Expires 或 Cache-Control ，使內容具有緩存性。

避免空的 src 和 href

使用 gzip 壓縮內容

把 CSS 放到頂部

把 JS 放到底部

避免使用 CSS 表達式

將 CSS 和 JS 放到外部文件中

減少 DNS 查找次數

精簡 CSS 和 JS

避免跳轉

剔除重復的 JS 和 CSS

配置 ETags

使 AJAX 可緩存

盡早刷新輸出緩沖

使用 GET 來完成 AJAX 請求

延遲加載

預加載

減少 DOM 元素個數

根據域名劃分頁面內容

盡量減少 iframe 的個數

避免 404

減少 Cookie 的大小

使用無 cookie 的域

減少 DOM 訪問

開發智能事件處理程序

用 代替 @import

避免使用濾鏡

優化圖像

優化 CSS Spirite

不要在 HTML 中縮放圖像——須權衡

favicon.ico要小而且可緩存

保持單個內容小于25K

打包組件成復合文本

總結

以上是生活随笔為你收集整理的前端性能优化分析（雅虎军规）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。