前端性能優化主要分兩塊: 一是資源載入 1.多使用記憶體、緩存和其他方法 2.減少CPU計算量,減少網路載入耗時。 以上適用所有編程的性能優化-空間換時間 3.減少資源體積:壓縮代碼,圖片精靈 4.減少訪問次數:合併代碼(js模塊化,最後打包成一個JS)、SSR伺服器端渲染,緩存 5.使用更快的CDN ...
前端性能優化主要分兩塊:
一是資源載入
1.多使用記憶體、緩存和其他方法
2.減少CPU計算量,減少網路載入耗時。
以上適用所有編程的性能優化-空間換時間
3.減少資源體積:壓縮代碼,圖片精靈
4.減少訪問次數:合併代碼(js模塊化,最後打包成一個JS)、SSR伺服器端渲染,緩存
5.使用更快的CDN
二是讓渲染更快
1.css放在head,js放在body下麵
2.儘早開始執行js,用DOMcontentLoaed觸發
3.懶載入(圖片懶載入,上滑更多)
4.對DOM查詢進行緩存
5.頻繁DOM操作,合併到一起進行Dom操作,如存入createDocumentFragment中
6.節流和防抖