優(yōu)化的目的：提高用戶體驗骨稿，加快網(wǎng)頁反應(yīng)速度笨鸡。
加載頁面和靜態(tài)資源
頁面渲染
代碼規(guī)范
1姜钳、CSS放前面坦冠，JS放后面（減少白屏?xí)r間）
2、合并CSS和JS哥桥、雪碧圖/base64（http請求大約占據(jù)了頁面加載速度的80%之多辙浑，所以減少http請求是重中之重）
3、靜態(tài)資源緩存
4拟糕、按需加載資源（常用的判呕，Vue組件的懶加載）
懶加載（圖片懶加載倦踢，下拉加載更多）
5、減少DOM操作侠草，多個操作盡量合并在一起執(zhí)行辱挥，緩存DOM查詢
6、合并DOM插入
7边涕、事件委托
8晤碘、使用CDN讓資源加載更快
9、使用SSR后端渲染功蜓，數(shù)據(jù)直接輸出到HTML中（現(xiàn)在Vue园爷，React提出了這樣的概念，它們默認(rèn)是沒有后端渲染的式撼，其實(shí)在早起JSP童社，PHP，ASP都是屬于后端渲染是直接將數(shù)據(jù)輸出到瀏覽器無需通過ajax動態(tài)渲染）
1.優(yōu)化下html標(biāo)簽嵌套結(jié)構(gòu)著隆，
2.優(yōu)化一下http請求方式扰楼，
3.減少第三方框架引入，
4.優(yōu)化js邏輯旅东，
5.壓縮源代碼以減小web包的大小灭抑，
6.模塊化項目結(jié)構(gòu)以減少重復(fù)代碼
7.資源的離線緩存
