一、盡量減少HTTP請求次數
1.合并js
2.合并css
3.圖片sprite
二、延遲加載內容
1.圖片懶加載
2.數據懶加載(點擊查看更多)
3.功能懶加載(曝光或者點擊后加載html模塊、js功能模塊)
三、使用離線緩存
把常用的變動又少的js、css、圖片存儲到localstorage,第二次訪問的時候直接走本地緩存。在移動端使用廣泛。
四、CSS、JS放置正確位置
1.把css放在head中,保證頁面看到的時候樣式是對的。
2.把js放到body里最后位置,防止加載js阻塞頁面。
五、靜態資源壓縮
圖片、CSS、JS在發布前要壓縮。
六、靜態資源使用多個域名
對于圖片、CSS、JS,可使用幾個域名,可以并發加載。
七、靜態資源使用cdn存儲
用戶與你網站服務器的接近程度會影響響應時間的長短。 可以把靜態資源放到內容分發網絡(Content Delivery Network,CDN)中加快訪問速度。
八、預加載
在某個功能還沒展現時,在空閑時間預先加載相關圖片或者js代碼
九、DOM操作優化
1.使用JavaScript訪問DOM元素比較慢,因此為了獲得更多的應該頁面,應該做到:
2.緩存已經訪問過的有關元素
3.線下更新完節點之后再將它們添加到文檔樹中
避免使用JavaScript來修改頁面布局
十、優化算法
在js處理中優化查找、排序算法。盡量少使用嵌套循環。
1.使用事件代理