結(jié)論:
- localStorage的性能和JS變量的讀寫性能幾乎一樣瓮具;
- Safari的JS渲染性能要優(yōu)于Chrome7~8倍给僵;
通過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
通過變量
<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 |