前端的資源是多方面，包括HTML、css、js腳本、Image、視頻等等?，F(xiàn)在只說下常見的優(yōu)化方案：
一、頁面級優(yōu)化。
1.減少HTTP請求數(shù)量，盡可能的保持頁面結(jié)構(gòu)簡潔。
減少資源的使用、合理設(shè)置HTTP緩存，資源合并與壓縮（web服務(wù)器開啟gzip壓縮等）
css雪碧圖、 圖片懶加載（或者加載首屏）。
- 將外部腳本置底，避免瀏覽器加載js腳本而堵塞內(nèi)容加載。
- 異步執(zhí)行inline腳本，懶加載腳本js,即當(dāng)觸發(fā)時加載或者即將觸發(fā)時預(yù)加載。
4.減少不必要的http跳轉(zhuǎn)，以及避免重復(fù)的資源請求。
二、代碼級優(yōu)化：
1.避免不要的回流（reflow）與重繪（repaint）。
2.避免使用 eval和 Function
- css避免過多的父級
- 圖片壓縮，圖片服務(wù)器等。小圖標(biāo)base64或者由SVG代替，Svg的代碼量比base64的要少很多。
三 、使用CDN、減少DNS查詢、添加Expires頭、避免重定向等
