前端優化-雅虎軍規

儘可能減小 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

打包組件成複合文本

做者：創宇前端 連接：https://juejin.im/post/5bbc1b0c6fb9a05cf230140c 來源：掘金 著做權歸做者全部。商業轉載請聯繫做者得到受權，非商業轉載請註明出處。