專案場景：
提示：性能優化之localstorage的大容量導致加載變慢：
例如：我負責一個專案，原先的數百條資料是存盤在localstorage里面，但是localstorage容量標準是5MB
問題描述：
問題：我負責的專案localstorage存盤的資料量太大，高達200+條，而且每條資料很長，所以每次頁面加載/更新慢的讓人受不了
原因分析：
原因：localstorage容量標準是5MB，我負責的專案原先的存盤在localstorage的資料量太大，導致性能低下，解決方案：
我的解決方案是：在全域寫一個全域函式，然后通回傳資料，
- 你要是不相信先做一個測驗：比如在原先的基礎上再增加一倍，兩倍，三倍的資料，你看下加載時間，
- 計算localstorage的容量：
for(item in window.localStorage) {
if(window.localStorage.hasOwnProperty(item)) {
size += window.localStorage.getItem(item).length;
}
}
console.log(size / 1024)
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/297862.html
標籤：其他
下一篇：element 專案全屏功能