2019獨(dú)角獸企業(yè)重金招聘Python工程師標(biāo)準(zhǔn)>>>

盡量減少 HTTP 請(qǐng)求個(gè)數(shù)——須權(quán)衡

使用 CDN（內(nèi)容分發(fā)網(wǎng)絡(luò)）

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

避免空的 src 和 href

使用 gzip 壓縮內(nèi)容

把 CSS 放到頂部

把 JS 放到底部

避免使用 CSS 表達(dá)式

將 CSS 和 JS 放到外部文件中

減少 DNS 查找次數(shù)

精簡(jiǎn) CSS 和 JS

避免跳轉(zhuǎn)

剔除重復(fù)的 JS 和 CSS

配置 ETags

使 AJAX 可緩存

盡早刷新輸出緩沖

使用 GET 來完成 AJAX 請(qǐng)求

延遲加載

預(yù)加載

減少 DOM 元素個(gè)數(shù)

根據(jù)域名劃分頁(yè)面內(nèi)容

盡量減少 iframe 的個(gè)數(shù)

避免 404

減少 Cookie 的大小

使用無 cookie 的域

減少 DOM 訪問

開發(fā)智能事件處理程序

用 代替 @import

避免使用濾鏡

優(yōu)化圖像

優(yōu)化 CSS Spirite

不要在 HTML 中縮放圖像——須權(quán)衡

favicon.ico要小而且可緩存

保持單個(gè)內(nèi)容小于25K

打包組件成復(fù)合文本

作者：創(chuàng)宇前端
鏈接：https://juejin.im/post/5bbc1b0c6fb9a05cf230140c
來源：掘金
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

轉(zhuǎn)載于:https://my.oschina.net/u/3759656/blog/2245750

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。