1.請求優化
-
節流函數：一般用於，類似按鈕請求這些，防止你一秒點擊多次按鈕產生重複請求,
-
防抖函數：一般用於，類似實時監聽input的請求，防止請求過多
-
合理的應用緩存減少CPU計算、減少網絡請求
2.渲染優化
- 靜態資源的壓縮合並(webpack 構建工具)，不是根高級但是很有用。
- 合併css,利用css繼承
- CSS放前面,JS放後面
- 懶加載(圖片懶加載、下拉加載更多)
- 避免css@import
- 使用SASS/LESS, 無必要深層次的規則,這可能會導致複雜
- 避免逐條改變樣式，使用類名去合併樣式
3.JS優化
-
儘量少使用全局變量，因爲全局變量其實是window對象的成員，而局部變量是放在函數的棧裏的
-
儘量作用JSON格式來創建對象，而不是var obj=new Object()方法。
-
如果需要連接多個字符串，應該少使用+=：
-
儘量減少重定向，因爲瀏覽器訪問網址是一連串的過程，如果訪問到一半，而跳轉到新的地址，就會重複發起一連串的過程，這將浪費很多時間。所有我們儘量避免重定向。Google建議