Over a million developers have joined DZone.

How Much Does Caching Matter in JS?

DZone's Guide to

How Much Does Caching Matter in JS?

· Performance Zone ·
Free Resource

Maintain Application Performance with real-time monitoring and instrumentation for any application. Learn More!

Caching plays a very important role on both the client and server side. I tried to do a little test with benchmark.js, and caching proved to increase performance remarkably. In fact, the cache-less query was 98% slower than the cached query! Cache has its limitations with live objects, but it's worth a timely cache update in that case.

Below is the simple test code and some numbers from the test:

<div id="docs">
  Benchmark.prototype.setup = function() {
    var divs = document.querySelectorAll('div#docs')
    var cache = {get: {'divs': divs}};

Test code:



document.querSelectorAll('div#docs').length => 135,809 (ops) 98% slower.

cache cache.get.divs.length => 8,212,190 (ops) 0.99% faster.

Do let me know if you find a better way of speeding things up!

Collect, analyze, and visualize performance data from mobile to mainframe with AutoPilot APM. Learn More!


Published at DZone with permission of

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}