JSFiddle - React, Tailwind, and code Playground

by ifandelse

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js"></script>
<script src="https://rawgit.com/ifandelse/postal.js/resolvercache/lib/postal.js"></script>

CSS

div {
  font-family: Tahoma, Arial;
  font-size: 10pt;
}
.results {
  margin-bottom: 20px;
  padding: 10px;
  border-bottom: 1pt solid lightsteelblue;
}

JavaScript

var resolver = postal.configuration.resolver;

function resolverTest(cacheEntries) {
    resolver.reset();
    for(var i = 0; i < cacheEntries; i++) {
        resolver.compare("binding" + i, "topic" + i);
    }
    console.time("compacting" + cacheEntries);
    resolver.purge({compact:true});
    console.timeEnd("compacting" + cacheEntries);
    console.log("-----------------------------------");
}

resolverTest(100);

resolverTest(1000);

resolverTest(10000);

resolverTest(20000);

resolverTest(50000);