2019獨角獸企業重金招聘Python工程師標準>>>

盡量減少 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
來源：掘金
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。

轉載于:https://my.oschina.net/u/3759656/blog/2245750

總結

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

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