HTML5中 localStorage 性能分析

結(jié)論:

  • localStorage的性能和JS變量的讀寫(xiě)性能幾乎一樣;
  • Safari的JS渲染性能要優(yōu)于Chrome7~8倍;

通過(guò)localStorage讀取耗時(shí)

<html>
<head>
    <script type="text/javascript">
    var storage=window.localStorage;
    storage["user"]={name:"Li",age:27};
    var d = new Date()

    for (var i = 1000; i >= 0; i--) {
        storage.setItem("user",i);
        console.info(storage.getItem("user"))
    };
    console.info(new Date() -d )
     
    </script>
</head>
<body>
    
</body>

</html>
結(jié)果:?jiǎn)挝唬╩s)

Safari Chrome
30 230
Safari 30ms

Chrome 230ms

通過(guò)變量

<html>
<head>
    <script type="text/javascript">
    var storage={name:"Li",age:27};

    var d = new Date()

    for (var i = 1000; i >= 0; i--) {
        storage.name = i;
        console.info(storage.name)
    };
    console.info(new Date() -d )
     
    </script>
</head>
<body>
    
</body>
</html>

結(jié)果:?jiǎn)挝唬╩s)

Safari Chrome
23 228
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容