前端的資源是多方面睬关，包括HTML诱担、css、js腳本电爹、Image蔫仙、視頻等等。現(xiàn)在只說(shuō)下常見的優(yōu)化方案：
一丐箩、頁(yè)面級(jí)優(yōu)化摇邦。
1.減少HTTP請(qǐng)求數(shù)量，盡可能的保持頁(yè)面結(jié)構(gòu)簡(jiǎn)潔屎勘。
減少資源的使用施籍、合理設(shè)置HTTP緩存，資源合并與壓縮（web服務(wù)器開啟gzip壓縮等）
css雪碧圖概漱、 圖片懶加載（或者加載首屏）丑慎。
- 將外部腳本置底，避免瀏覽器加載js腳本而堵塞內(nèi)容加載犀概。
- 異步執(zhí)行inline腳本立哑，懶加載腳本js,即當(dāng)觸發(fā)時(shí)加載或者即將觸發(fā)時(shí)預(yù)加載。
4.減少不必要的http跳轉(zhuǎn)姻灶，以及避免重復(fù)的資源請(qǐng)求铛绰。
二、代碼級(jí)優(yōu)化：
1.避免不要的回流（reflow）與重繪（repaint）产喉。
2.避免使用 eval和 Function
- css避免過(guò)多的父級(jí)
- 圖片壓縮捂掰，圖片服務(wù)器等。小圖標(biāo)base64或者由SVG代替曾沈，Svg的代碼量比base64的要少很多这嚣。
三 、使用CDN塞俱、減少DNS查詢姐帚、添加Expires頭、避免重定向等
