HTML5 是近十年來 Web 標準最巨大的飛躍。隨著HTML5功能的逐漸豐富， 它任重而道遠，致力于將Web帶入一個更為成熟的應用平臺。在所有超級特性中，最讓小編喜歡的是HTML5推出的 “Web Storage”(Web 存儲)API，它彌補了cookie容量小存在的缺陷，讓網(wǎng)絡開發(fā)者們如獲至寶。

或許對于很多普通用戶來說，這些專業(yè)詞匯根本不了解也無需了解，用戶只需知道就是哪一款瀏覽器反應快速，簡單好用，僅此而已！基于這樣的思路，小編收集了五大熱門的國際知名瀏覽器***版：Chrome、Firefox、IE9、傲游（Maxthon）、Opera，針對Web Storage性能速度進行了測試，與之一較高下。同時，也希望通過此次橫向對比，能夠給大家提供有用的參考意見。

【圖1】

在HTML5中，本地存儲是一個Window的屬性。Web Storage實際上由兩部分組成：sessionStorage與localStorage。 sessionStorage用于本地存儲一個會話（session）中的數(shù)據(jù)，這些數(shù)據(jù)只有在同一個會話中的頁面才能訪問并且當會話結束后數(shù)據(jù)也隨之銷毀。因此sessionStorage不是一種持久化的本地存儲，僅僅是會話級別的存儲。 localStorage用于持久化的本地存儲，除非主動刪除數(shù)據(jù)，否則數(shù)據(jù)是永遠不會過期的。

整個測試過程主要分為兩大部分，一是localStorage寫、讀入速度；二是sessionStorage寫、讀入速度。

測試項目一：localStorage寫、讀入速度

localStorage寫入10000次耗時（單位：ms）

【圖2】

localStorage 屬于 Web Storage 標準，是HTML5的一部分，又稱為DOM Storage。它***保存在本地(client)。從此次localStorage寫入速度測試上看，Maxthon名列前茅，Opera、IE9不相上下，F(xiàn)irefox緊跟其下，Chrome顯得略微遜色。

localStorage讀入10000次耗時（單位：ms）

【圖3】

 localStorage的特點在于容量大、易用、強大、原生支持的優(yōu)勢，數(shù)據(jù)不會過期，除非由于security 原因或者用戶請求，才會刪除其數(shù)據(jù)。根據(jù)數(shù)據(jù)顯示，在localStorage讀入速度上，Maxthon仍舊***，IE9的表現(xiàn)也令人刮目相看，而Firefox和Opera處于中間位置，Chrome的表現(xiàn)仍是不理想。

測試項目二：sessionStorage寫、讀入速度

sessionStorage寫入10000次耗時（單位：ms）

【圖4】

sessionStorage跟localStorage類似，但sessionStorage 只與當前會話相關，瀏覽器關閉則刪除。其特別之處在于，top powser context及在同一個頁面內的所有frame/iframe 共享同一個sessionStorage，不同的page 有不同的sessionStorage。在這次的性能速度測試中，Maxthon的寫入速度最快，IE9表現(xiàn)不俗，F(xiàn)irefox在其后緊追慢趕，而Opera、Chrome仍需努力。

sessionStorage讀入10000次耗時（單位：ms）

【圖5】

  sessionStorage用于本地存儲一個會話（session）中的數(shù)據(jù)，這些數(shù)據(jù)只有在同一個會話中的頁面才能訪問并且當會話結束后數(shù)據(jù)也隨之銷毀。因此sessionStorage不是一種持久化的本地存儲，僅僅是會話級別的存儲。從圖5測試結果可以看出， Maxthon表現(xiàn)出色得到了壓倒性的勝利，而IE9略微遜色于前者，F(xiàn)irefox有發(fā)展空間，Opera讀入速度略有滯后，Chrome需進一步提升。

綜合上述一系列直觀測試結果，我們可以看出，Maxthon相比IE9在Web Storage速度上優(yōu)勢極為明顯，且***的HTML5強大性能支持特征也成為超越IE的另一大武器。Firefox、Opera上升空間依舊很大，而Chrome的表現(xiàn)平平。由此預見，在不久的將來，HTML5所擁有的各種高效率、高性能特性必定會是互聯(lián)網(wǎng)應用的將大勢所趨，而像Maxthon等采用Webkit與IE雙核的瀏覽器已脫穎而出，他們在HTML5上的性能支持是瀏覽器內在品質的表現(xiàn)，將為HTML5應用到更廣闊的Web領域。