美文网首页
HTML5中 localStorage 性能分析

HTML5中 localStorage 性能分析

作者: 河的左岸 | 来源:发表于2017-06-06 21:56 被阅读0次

结论:

  • 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

相关文章

  • HTML5中 localStorage 性能分析

    结论: localStorage的性能和JS变量的读写性能几乎一样; Safari的JS渲染性能要优于Chrome...

  • localStorage扫盲

    什么是localStorage、sessionStorage 在HTML5中,新加入了一个localStorage...

  • vue中 localStorage的使用方法(详解)

    vue中实现本地储存的方法:localStorage,在HTML5中,新加入了一个localStorage特性,这...

  • localStorage

    一、什么是localStorage? 在HTML5中,新加入了一个localStorage特性,这个特性主要是用来...

  • Save localstorage

    LocalStorage 含义 在HTML5中,这个特性主要是用来作为本地存储来使用的。在localStorage...

  • localstorage应用于todolist的节点存储

    1.localstorage是什么? localstorage(本地存储)是HTML5中新加入的技术除非被清除,否...

  • localstrage

    HTML5中提供了localStorage对象可以将数据长期保存在客户端,直到人为清除。localStorage提...

  • localStorage使用

    HTML5中提供了localStorage对象可以将数据长期保存在客户端,直到人为清除。 localStorage...

  • localStorage用法小总结

    一、什么是localStorage 在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作...

  • localStorage用法小总结

    一、什么是localStorage 在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作...

网友评论

      本文标题:HTML5中 localStorage 性能分析

      本文链接:https://www.haomeiwen.com/subject/wojnfxtx.html