【學習筆記】前端性能優化方法總結

1.DNS Prefetch（預獲取域名） :在標籤中加入 dns-prefetch 讓瀏覽器提早進行DNS的解析而且緩存到系統中。
2.瀏覽器提早嗅探，根據情況加載合適圖片：經過嗅探客戶端分辨率、網絡情況，經過設置不一樣的圖片URL，對圖片進行裁剪後加載
3.不要隨便使用「Loading佔位」：對「Loading佔位」能夠作必定優化，好比請求200ms後還未返回數據再使用「Loading佔位」
4.資源合理分配域名，在同一域名能夠減小網絡握手請求時間，放在多個域名能夠異步加載
5.分離靜態資源：靜態資源使用一個單獨的域名，減小Cookies上傳，這樣能減小一部分無用的流量傳輸。
6.節流、防抖：對於高頻觸發的事件，設置1s檢測一次（節流）或者用戶再中止操做後再去檢測（防抖），增長頁面流暢度。
7.使用LocalStorage作HTML緩存：頁面加載時直接從Storage中獲取，而後append到頁面，等接口數據回來以後，再Diff作更新。
8.對於頁面公有組件使用LocalStorage進行緩存，這樣一來就能夠實現多個頁面共享緩存，讓第一次加載也能很是快速。