先說說瀏覽器緩存數據的做用和優缺點: Web緩存存在於服務器和客戶端之間。Web緩存密切注視着服務器-客戶端之間的通訊,監控請求,而且把請求輸出的內容(例如html頁面、 圖片和文件)另存一份;而後,若是下一個請求是相同的URL,則直接使用保存的副本,而不是再次請求源服務器。 優勢:使用Web緩存的好處是顯而易見的 減小網絡延遲,加快頁面打開速度--緩存比源服務器離客戶端更近,所以,從緩存請求內容比從源服務器所用時間更少,緩存的使用可以明顯加快頁面打開速度,達到更好的體驗。 下降服務器的壓力--給網絡資源設定有效期以後,用戶能夠重複使用本地的緩存,減小對源服務器的請求,間接下降服務器的壓力。同時,搜索引擎的爬蟲機器人也能根據過時機制下降爬取的頻率,也能有效下降服務器的壓力。 減小網絡帶寬損耗--不管對於網站運營者或者用戶,帶寬都表明着金錢,當Web緩存副本被使用時,只會產生極小的網絡流量,能夠有效的下降運營成本。 缺點: 緩存沒有清理機制--這些緩存的文件會永久性地保存在機器上,在特定的時間內,這些文件多是幫了你大忙,可是時間一長,咱們已經再也不須要瀏覽以前的這些網頁,這些文件就成了無效或者無用的文件,它們存儲在用戶硬盤中只會佔用空間而沒有任何用處,若是要緩存的東西很是多,那就會撐暴整個硬盤空間。 給開發帶來的困擾--明明修改了樣式文件、圖片、視頻或腳本,刷新頁面或部署到站點以後看不到修改以後的效果。 html
注意離線緩存和h5的 sessionStorage localStorage 是兩碼事 瀏覽器緩存就是web存儲 而appcache是屬於離線緩存(也叫應用緩存) 用於存儲文件資源 圖片之類的 而sessionStorage能夠簡記爲是cookie的升級版!不要弄混!!!web