網頁技術 : 簡述HTML5的Client端暫存

今天看了一下HTML5之前一直強調的功能，就是在Client端可以暫存更多的資訊，其實在Client端暫存資料並不是什麼新鮮事，Cookie就可以做到了，但Cookie在使用上有幾個不便利的地方：

1. Cookie在每個HTTP request送出時都會被送到Server端，不管你沒有要用到Cookie中的資訊，在某種程度上會拖慢執行的效能與浪費不必要的網路頻寬
2. Cookie送出的資料本身並沒有加密，因此除非我們用SSL一類的技術做加密，否則Cookie中不宜放任何重要的資訊
3. Cookies最大才4KB，不可能存太多資料

HTML5的Storage主要分為兩種：localStorage與sessionStorage，這兩者主要在生命週期上有較明顯的差別，localStorage的生命週期較長，原則上要等到透過Javascript將內容清掉或者使用者清空Cache時才會消失；而sessionStorage則是在Browser/Tab關閉時就會清空

適度地透過Browser的Storage可以加快網頁的載入速度也可提高用戶的使用體驗。

詳細內容請參考此文章