HTML5 是近十年來(lái) Web 標(biāo)準(zhǔn)最巨大的飛躍。隨著HTML5功能的逐漸豐富， 它任重而道遠(yuǎn)，致力于將Web帶入一個(gè)更為成熟的應(yīng)用平臺(tái)。在所有超級(jí)特性中，最讓小編喜歡的是HTML5推出的 “Web Storage”(Web 存儲(chǔ))API，它彌補(bǔ)了cookie容量小存在的缺陷，讓網(wǎng)絡(luò)開(kāi)發(fā)者們?nèi)绔@至寶。

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

【圖1】

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

整個(gè)測(cè)試過(guò)程主要分為兩大部分，一是localStorage寫、讀入速度；二是sessionStorage寫、讀入速度。

測(cè)試項(xiàng)目一：localStorage寫、讀入速度

localStorage寫入10000次耗時(shí)（單位：ms）

【圖2】

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

localStorage讀入10000次耗時(shí)（單位：ms）

【圖3】

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

測(cè)試項(xiàng)目二：sessionStorage寫、讀入速度

sessionStorage寫入10000次耗時(shí)（單位：ms）

【圖4】

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

sessionStorage讀入10000次耗時(shí)（單位：ms）

【圖5】

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

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