前端效能優化的點

LuckXinXin發表於2020-10-19
前端優化

1）減少HTTP請求次數：合併樣式和指令碼，使用css sprites，初始首屏之外的圖片資源按需載入，靜態資源延遲載入、懶載入

2）利用快取：快取Ajax，使用CDN，使用外部js和css檔案以便快取，新增Expires頭，服務端配置Etag，減少DNS查詢等

3）請求寬頻：壓縮檔案，開啟GZIP

4）程式碼層面優化：

儘量使用id來查詢節點；將一個列表的長度用一個變數快取；減少DOM操作，將一個多次使用的DOM節點用一個變數快取；儘量減少全域性變數的使用；多個變數的宣告合併；避免使用with(with會建立自己的作用域，會增加作用域鏈長度)

避免使用css表示式；

5）控制資原始檔載入優先順序：樣式放在頂部，指令碼放在底部

6）減少重排

相關文章