localStorage vs. Objects vs. Cookies

JavaScript performance comparison

Revision 13 of this test case created by

Preparation code

<script>
  localStorage.setItem("foo", "body { background: blue; margin: 10px; padding: 10px; color: black; text-decoration: none; }");
  
  var FOO = {
   foo: "body { background: blue; margin: 10px; padding: 10px; color: black; text-decoration: none; }"
  };
  
  document.cookie = escape('foo:body { background: blue; margin: 10px; padding: 10px; color: black; text-decoration: none; }');
  
  var value;
</script>
    

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

Testing in CCBot 2.0.0 / Other 0.0.0
Test Ops/sec
Reading from an object
value = FOO.foo;
pending…
Reading from localStorage getItem
value = localStorage.getItem('foo');
pending…
Reading from localStorage index
value = localStorage['foo'];
pending…
Reading from localStorage property
value = localStorage.foo
pending…
Reading from cookie
value = unescape(/foo%3A([^;]+);/.exec(document.cookie)[1]);
pending…

Compare results of other browsers

Revisions

You can edit these tests or add even more tests to this page by appending /edit to the URL.

0 Comments