localStorage Key Size

Benchmark created by Nicholas C. Zakas on


Description

Determine if the key size for localStorage affects performance.

Preparation HTML

<script>
var small = "XXXXXXXXX-XXXXXXXXX-XXXXXXXXX-XXXXXXXXX-XXXXXXXXX-XXXXXXXXX-XXXXXXXXX-XXXXXXXXX-XXXXXXXXX-XXXXXXXXX-";
var medium = small + small + small + small + small;
var large = medium + medium;


localStorage.setItem("aaaaaaaaaa", large);
localStorage.setItem("bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb", large);
localStorage.setItem("cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc", large);
localStorage.setItem("dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd", large);
</script>

Teardown


    localStorage.clear();
  

Test runner

Ready to run.

Testing in
TestOps/sec
Read with small key
var value = localStorage.getItem("aaaaaaaaaa");
ready
Read with medium key
var value = localStorage.getItem("bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb");
ready
Read with large key
var value = localStorage.getItem("cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc");
ready
Read with xlarge key
var value = localStorage.getItem("dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd");
ready

Revisions

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

  • Revision 1: published by Nicholas C. Zakas on