時間:2012-08-17 21:14:40 作者:不思議游戲 瀏覽量:46

HTML5是近十年來Web標準最巨大的飛躍。隨著HTML5功能的逐漸豐富,它任重而道遠,致力于將Web帶入一個更為成熟的應用平臺。在所有超級特性中,最讓筆者喜歡的是HTML5推出的 “Web Storage”(Web 存儲)API,它彌補了cookie容量小存在的缺陷,讓網絡開發者們如獲至寶。
或許對于很多普通用戶來說,這些專業詞匯根本不了解也無需了解,用戶只需知道就是哪一款瀏覽器反應快速,簡單好用,僅此而已!基于這樣的思路,筆者收集了五大熱門的國際知名瀏覽器最新版:Chrome、Firefox、IE9、傲游(Maxthon)、Opera,針對Web Storage性能速度進行了測試,與之一較高下。同時,也希望通過此次橫向對比,能夠給大家提供有用的參考意見。

在HTML5中,本地存儲是一個Window的屬性。Web Storage實際上由兩部分組成:sessionStorage與localStorage。 sessionStorage用于本地存儲一個會話(session)中的數據,這些數據只有在同一個會話中的頁面才能訪問并且當會話結束后數據也隨之銷毀。因此sessionStorage不是一種持久化的本地存儲,僅僅是會話級別的存儲。localStorage用于持久化的本地存儲,除非主動刪除數據,否則數據是永遠不會過期的。
整個測試過程主要分為兩大部分,一是localStorage寫、讀入速度;二是sessionStorage寫、讀入速度。
測試項目一:localStorage寫、讀入速度
localStorage寫入10000次耗時(單位:ms)

localStorage 屬于 Web Storage 標準,是HTML5的一部分,又稱為DOM Storage。它永久保存在本地(client)。從此次localStorage寫入速度測試上看,Maxthon名列前茅,Opera、IE9不相上下,Firefox緊跟其下,Chrome顯得略微遜色。
localStorage讀入10000次耗時(單位:ms)

localStorage的特點在于容量大、易用、強大、原生支持的優勢,數據不會過期,除非由于security 原因或者用戶請求,才會刪除其數據。根據數據顯示,在localStorage讀入速度上,Maxthon仍舊遙遙領先,IE9的表現也令人刮目相看,而Firefox和Opera處于中間位置,Chrome的表現仍是不理想。
測試項目二:sessionStorage寫、讀入速度
sessionStorage寫入10000次耗時(單位:ms)

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

sessionStorage用于本地存儲一個會話(session)中的數據,這些數據只有在同一個會話中的頁面才能訪問并且當會話結束后數據也隨之銷毀。因此sessionStorage不是一種持久化的本地存儲,僅僅是會話級別的存儲。從圖5測試結果可以看出,Maxthon表現出色得到了壓倒性的勝利,而IE9略微遜色于前者,Firefox有發展空間,Opera讀入速度略有滯后,Chrome需進一步提升。
綜合上述一系列直觀測試結果,我們可以看出,Maxthon相比IE9在Web Storage速度上優勢極為明顯,且引領的HTML5強大性能支持特征也成為超越IE的另一大武器。Firefox、Opera上升空間依舊很大,而Chrome的表現平平。由此預見,在不久的將來,HTML5所擁有的各種高效率、高性能特性必定會是互聯網應用的將大勢所趨,而像Maxthon等采用Webkit與IE雙核的瀏覽器已脫穎而出,他們在HTML5上的性能支持是瀏覽器內在品質的表現,將為HTML5應用到更廣闊的Web領域。