時間:2012-08-17 21:14:40 作者:不思議游戲 瀏覽量:46
HTML5是近十年來Web標(biāo)準(zhǔn)最巨大的飛躍。隨著HTML5功能的逐漸豐富,它任重而道遠(yuǎn),致力于將Web帶入一個更為成熟的應(yīng)用平臺。在所有超級特性中,最讓筆者喜歡的是HTML5推出的 “Web Storage”(Web 存儲)API,它彌補了cookie容量小存在的缺陷,讓網(wǎng)絡(luò)開發(fā)者們?nèi)绔@至寶。
或許對于很多普通用戶來說,這些專業(yè)詞匯根本不了解也無需了解,用戶只需知道就是哪一款瀏覽器反應(yīng)快速,簡單好用,僅此而已!基于這樣的思路,筆者收集了五大熱門的國際知名瀏覽器最新版:Chrome、Firefox、IE9、傲游(Maxthon)、Opera,針對Web Storage性能速度進(jìn)行了測試,與之一較高下。同時,也希望通過此次橫向?qū)Ρ,能夠給大家提供有用的參考意見。
在HTML5中,本地存儲是一個Window的屬性。Web Storage實際上由兩部分組成:sessionStorage與localStorage。 sessionStorage用于本地存儲一個會話(session)中的數(shù)據(jù),這些數(shù)據(jù)只有在同一個會話中的頁面才能訪問并且當(dāng)會話結(jié)束后數(shù)據(jù)也隨之銷毀。因此sessionStorage不是一種持久化的本地存儲,僅僅是會話級別的存儲。localStorage用于持久化的本地存儲,除非主動刪除數(shù)據(jù),否則數(shù)據(jù)是永遠(yuǎn)不會過期的。
整個測試過程主要分為兩大部分,一是localStorage寫、讀入速度;二是sessionStorage寫、讀入速度。
測試項目一:localStorage寫、讀入速度
localStorage寫入10000次耗時(單位:ms)
localStorage 屬于 Web Storage 標(biāo)準(zhǔn),是HTML5的一部分,又稱為DOM Storage。它永久保存在本地(client)。從此次localStorage寫入速度測試上看,Maxthon名列前茅,Opera、IE9不相上下,Firefox緊跟其下,Chrome顯得略微遜色。
localStorage讀入10000次耗時(單位:ms)
localStorage的特點在于容量大、易用、強大、原生支持的優(yōu)勢,數(shù)據(jù)不會過期,除非由于security 原因或者用戶請求,才會刪除其數(shù)據(jù)。根據(jù)數(shù)據(jù)顯示,在localStorage讀入速度上,Maxthon仍舊遙遙領(lǐng)先,IE9的表現(xiàn)也令人刮目相看,而Firefox和Opera處于中間位置,Chrome的表現(xiàn)仍是不理想。
測試項目二:sessionStorage寫、讀入速度
sessionStorage寫入10000次耗時(單位:ms)
sessionStorage跟localStorage類似,但sessionStorage 只與當(dāng)前會話相關(guān),瀏覽器關(guān)閉則刪除。其特別之處在于,top browser context及在同一個頁面內(nèi)的所有frame/iframe 共享同一個sessionStorage,不同的page 有不同的sessionStorage。在這次的性能速度測試中,Maxthon的寫入速度最快,IE9表現(xiàn)不俗,F(xiàn)irefox在其后緊追慢趕,而Opera、Chrome仍需努力。
sessionStorage讀入10000次耗時(單位:ms)
sessionStorage用于本地存儲一個會話(session)中的數(shù)據(jù),這些數(shù)據(jù)只有在同一個會話中的頁面才能訪問并且當(dāng)會話結(jié)束后數(shù)據(jù)也隨之銷毀。因此sessionStorage不是一種持久化的本地存儲,僅僅是會話級別的存儲。從圖5測試結(jié)果可以看出,Maxthon表現(xiàn)出色得到了壓倒性的勝利,而IE9略微遜色于前者,F(xiàn)irefox有發(fā)展空間,Opera讀入速度略有滯后,Chrome需進(jìn)一步提升。
綜合上述一系列直觀測試結(jié)果,我們可以看出,Maxthon相比IE9在Web Storage速度上優(yōu)勢極為明顯,且引領(lǐng)的HTML5強大性能支持特征也成為超越IE的另一大武器。Firefox、Opera上升空間依舊很大,而Chrome的表現(xiàn)平平。由此預(yù)見,在不久的將來,HTML5所擁有的各種高效率、高性能特性必定會是互聯(lián)網(wǎng)應(yīng)用的將大勢所趨,而像Maxthon等采用Webkit與IE雙核的瀏覽器已脫穎而出,他們在HTML5上的性能支持是瀏覽器內(nèi)在品質(zhì)的表現(xiàn),將為HTML5應(yīng)用到更廣闊的Web領(lǐng)域。