HTML5中 localStorage 性能分析

结论:

  • localStorage的性能和JS变量的读写性能几乎一样;
  • Safari的JS渲染性能要优于Chrome7~8倍;

通过localStorage读取耗时

<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>
结果:单位(ms)

Safari Chrome
30 230
Safari 30ms

Chrome 230ms

通过变量

<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>

结果:单位(ms)

Safari Chrome
23 228
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容