IndexedDB vs localStorage (v47)

Revision 47 of this benchmark created on


Preparation HTML

<script src="https://rawgithub.com/jensarps/IDBWrapper/master/idbstore.js"></script>
<script>
var scope = {};

var req = indexedDB.open("jsperf", 1);
req.onsuccess = function(e) {
   scope.db = e.target.result;
   scope.db.transaction("test2", "readwrite").objectStore("test2").clear()
}
req.onerror = function(e) {
   alert(e.target.error.message);
}
req.onupgradeneeded = function(e) {
   var db = e.target.result;
   db.createObjectStore("test2");
}

var ls = window.localStorage;
ls.clear();

// data setup

var i = 0,
    lastnames = ['smith','miller','doe','frankenstein','furter'],
    firstnames = ['peter','john','frank', 'james'],
    dummyData = {"web-app": {
  "servlet": [   
    {
      "servlet-name": "cofaxCDS",
      "servlet-class": "org.cofax.cds.CDSServlet",
      "init-param": {
        "configGlossary:installationAt": "Philadelphia, PA",
        "configGlossary:adminEmail": "ksm@pobox.com",
        "configGlossary:poweredBy": "Cofax",
        "configGlossary:poweredByIcon": "/images/cofax.gif",
        "configGlossary:staticPath": "/content/static",
        "templateProcessorClass": "org.cofax.WysiwygTemplate",
        "templateLoaderClass": "org.cofax.FilesTemplateLoader",
        "templatePath": "templates",
        "templateOverridePath": "",
        "defaultListTemplate": "listTemplate.htm",
        "defaultFileTemplate": "articleTemplate.htm",
        "useJSP": false,
        "jspListTemplate": "listTemplate.jsp",
        "jspFileTemplate": "articleTemplate.jsp",
        "cachePackageTagsTrack": 200,
        "cachePackageTagsStore": 200,
        "cachePackageTagsRefresh": 60,
        "cacheTemplatesTrack": 100,
        "cacheTemplatesStore": 50,
        "cacheTemplatesRefresh": 15,
        "cachePagesTrack": 200,
        "cachePagesStore": 100,
        "cachePagesRefresh": 10,
        "cachePagesDirtyRead": 10,
        "searchEngineListTemplate": "forSearchEnginesList.htm",
        "searchEngineFileTemplate": "forSearchEngines.htm",
        "searchEngineRobotsDb": "WEB-INF/robots.db",
        "useDataStore": true,
        "dataStoreClass": "org.cofax.SqlDataStore",
        "redirectionClass": "org.cofax.SqlRedirection",
        "dataStoreName": "cofax",
        "dataStoreDriver": "com.microsoft.jdbc.sqlserver.SQLServerDriver",
        "dataStoreUrl": "jdbc:microsoft:sqlserver://LOCALHOST:1433;DatabaseName=goon",
        "dataStoreUser": "sa",
        "dataStorePassword": "dataStoreTestQuery",
        "dataStoreTestQuery": "SET NOCOUNT ON;select test='test';",
        "dataStoreLogFile": "/usr/local/tomcat/logs/datastore.log",
        "dataStoreInitConns": 10,
        "dataStoreMaxConns": 100,
        "dataStoreConnUsageLimit": 100,
        "dataStoreLogLevel": "debug",
        "maxUrlLength": 500}},
    {
      "servlet-name": "cofaxEmail",
      "servlet-class": "org.cofax.cds.EmailServlet",
      "init-param": {
      "mailHost": "mail1",
      "mailHostOverride": "mail2"}},
    {
      "servlet-name": "cofaxAdmin",
      "servlet-class": "org.cofax.cds.AdminServlet"},
 
    {
      "servlet-name": "fileServlet",
      "servlet-class": "org.cofax.cds.FileServlet"},
    {
      "servlet-name": "cofaxTools",
      "servlet-class": "org.cofax.cms.CofaxToolsServlet",
      "init-param": {
        "templatePath": "toolstemplates/",
        "log": 1,
        "logLocation": "/usr/local/tomcat/logs/CofaxTools.log",
        "logMaxSize": "",
        "dataLog": 1,
        "dataLogLocation": "/usr/local/tomcat/logs/dataLog.log",
        "dataLogMaxSize": "",
        "removePageCache": "/content/admin/remove?cache=pages&id=",
        "removeTemplateCache": "/content/admin/remove?cache=templates&id=",
        "fileTransferFolder": "/usr/local/tomcat/webapps/content/fileTransferFolder",
        "lookInContext": 1,
        "adminGroupID": 4,
        "betaServer": true}}],
  "servlet-mapping": {
    "cofaxCDS": "/",
    "cofaxEmail": "/cofaxutil/aemail/*",
    "cofaxAdmin": "/admin/*",
    "fileServlet": "/static/*",
    "cofaxTools": "/tools/*"},
 
  "taglib": {
    "taglib-uri": "cofax.tld",
    "taglib-location": "/WEB-INF/tlds/cofax.tld"}
    }
  };
</script>

Setup

scope.i = 0;
  
  scope.smallData = {
    'lastname': lastnames[Math.floor(Math.random()*5)],
    'firstanme': firstnames[Math.floor(Math.random()*4)],
    'dummyData': {}
  };
  
  scope.largeData = {
    'lastname': lastnames[Math.floor(Math.random()*5)],
    'firstanme': firstnames[Math.floor(Math.random()*4)],
    'dummyData': dummyData
  };

Test runner

Ready to run.

Testing in
TestOps/sec
IDB read/write large data
// async test
++scope.i;
var txn = scope.db.transaction("test2", "readwrite"),
    store = txn.objectStore("test2");
txn.onerror = function(e){ alert(e.target.error()); }
var pReq = store.put(scope.largeData, scope.i), gReq;
pReq.onsuccess = function(){
    gReq = store.get(scope.i);
    gReq.onsuccess = function() { deferred.resolve(); } 
}
ready
localStorage read/write large data
++scope.i;
localStorage.setItem(scope.i, JSON.stringify(scope.largeData));
var value = JSON.parse(localStorage.getItem(scope.i));
ready
IDB read/write small data
// async test
++scope.i;
var txn = scope.db.transaction("test2", "readwrite"),
    store = txn.objectStore("test2");
txn.onerror = function(e){ alert(e.target.error()); }
var pReq = store.put(scope.smallData, scope.i), gReq;
pReq.onsuccess = function(){
    gReq = store.get(scope.i);
    gReq.onsuccess = function() { deferred.resolve(); } 
}
ready
localStorage read/write small data
++scope.i;
localStorage.setItem(scope.i, JSON.stringify(scope.smallData));
var value = JSON.parse(localStorage.getItem(scope.i));
ready

Revisions

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