localStorage vs. Objects vs. Cookies (v16)

Revision 16 of this benchmark created by Asim on

Preparation HTML

<script>
  localStorage.setItem("foo", "body { background: blue; margin: 10px; padding: 10px; color: black; text-decoration: none; }");
  sessionStorage.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 sessionStorage
value = sessionStorage.foo
ready

Revisions

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