常見的效能優化

從資源請求數量+**執行效率兩個角度來考慮 dom結構樣式表放在頭部，防止白屏和閃屏 js指令碼放在底部或非同步獲取，防止阻塞資源載入使用語義化標籤，優化精簡dom結構減少dom操作頻率減少重繪與回流 js指令碼優化指令碼結構，移除重複的指令碼模組就近載入（cmd）按需載入載入元件和路由懶載入，列表分頁使用節流與防抖減少事件觸發頻率盡量使用css動畫代替js動畫，開啟硬體加速資源打包上線使用打包構建工具（webpack）清除注釋，壓縮頁面資源，js、css、html、、字型等等混淆js** 分離非業務邏輯相關vendor依賴，使用長快取快取和cdn分發網路伺服器優化減少http請求，合併頁面資源，js，css單一入口。js特殊可以分為兩個檔案，乙個業務邏輯，乙個非業務邏輯把小圖示合成雪碧圖，不太適用經常更新的移動端開發把小的，字型等資源base64化開啟gzip壓縮，減少資源傳輸大小

使用強快取和協商快取，減少資源重複請求https