效能優化篇 如何優化js快取

2021-10-03 22:15:02 字數 1049 閱讀 6661

效能優化有很多的內容,其中乙個方法是如何優化js快取,能夠減少執行時間和資源,下面先讓我們了解什麼事快取,如何進行快取。

快取是一種優化技術,通過儲存開銷大的函式執行的結果,並在相同的輸入再次出現時返回已快取的結果,從而加快應用程式的速度。

在這一點上,我們很清楚,快取的目的是減少執行「昂貴的函式呼叫」所花費的時間和資源。

什麼是昂貴的函式呼叫?別搞混了,我們不是在這裡花錢。在電腦程式的上下文中,我們擁有的兩種主要資源是時間和記憶體。因此,乙個昂貴的函式呼叫是指乙個函式呼叫中,由於計算量大,在執行過程中大量占用了計算機的資源和時間。

然而,就像對待金錢一樣,我們需要節約。為此,使用快取來儲存函式呼叫的結果,以便在將來的時間內快速方便地訪問。

快取只是乙個臨時的資料儲存,它儲存資料,以便將來對該資料的請求能夠更快地得到處理。

因此,當乙個昂貴的函式被呼叫一次時,結果被儲存在快取中,這樣,每當在應用程式中再次呼叫該函式時,結果就會從快取中非常快速地取出,而不需要重新進行任何計算。

介紹

cookie 通常由瀏覽器儲存,然後將cookie與每個後續請求一起傳送到同一伺服器。

收到http請求時,伺服器可以傳送帶有cookie的header頭。

可以給cookie設定有效時間。

應用場景

介紹

sessionstorage 用於建立乙個本地儲存的鍵/值對。

sessionstorage 的儲存是有有效期的,如果使用者關閉了瀏覽器的標籤,值就會被清空。

應用場景

介紹

indexeddb 就是乙個索引資料庫,其特點是儲存量大。

應用場景

介紹

localstorage即本地儲存,即便我們關閉了瀏覽器的標籤,甚至關閉了瀏覽器,其中的資料仍然存在。

應用場景

前端效能優化 快取篇SDK

1.把前端最常用的資源css js存在本地 1.1 前端快取技術sessionstorage 優點 臨時儲存神器,關閉頁面標籤自動 不可以跨頁面互動。取值的時候有兩種方法,一種是用sessionstorage.getitem 鍵名 一種是直接取物件的方法 sessionstorage.鍵名 注意 1...

前端效能優化 快取優化

控制瀏覽器強快取主要靠兩個響應頭部欄位來實現 expires和cache control,瀏覽器在訪問靜態資源時,會首先判斷該資源是否做了強快取。如果發現是強快取並且快取還在有效期內,那就不會去傳送http請求,而直接使用本地的快取 這個快取可能來自於記憶體,也可能來自本地磁碟空間 其中expire...

效能優化篇

一 在使用gallery控制項時,如果載入的過多,過大,就很容易出現outofmemoryerror異常,就是記憶體溢位。這是因為android預設分配的記憶體只有幾m,而載入的如果是jpg之類的壓縮格式,在記憶體中展開時就會占用大量的空間,也就容易記憶體溢位。這時可以用下面的方法解決 view p...