localStorage vs. Objects vs. Cookies (v14)

Revision 14 of this benchmark created on

Description

Tests the difference between reading from localStorage as compared to reading data from an object as opposed to reading from cookies.

Preparation HTML

<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

Ready to run.

Testing in
TestOps/sec
Reading from an object
value = FOO.foo;
ready
Reading from localStorage getItem
value = localStorage.getItem('foo');
ready
Reading from localStorage index
value = localStorage['foo'];
ready
Reading from localStorage property
value = localStorage.foo
ready
Reading from cookie
value = unescape(/foo%3A([^;]+);/.exec(document.cookie)[1]);
ready

Revisions

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