DOM selectors vs Map

jsBenchIt.json

{"title":"DOM selectors vs Map","initialization":"const div1 = document.createElement('div');\nconst div2 = document.createElement('div');\n\ndiv1.id = 'div1';\ndiv2.id = 'div2';\n\ndocument.body.appendChild(div1);\ndocument.body.appendChild(div2);","setup":"const CACHE = new Map([ '#div1', '#div2' ].map((id) => [ id, document.querySelector(id) ]));","tests":[{"name":"document.querySelector()","code":"document.querySelector('#div1');\ndocument.querySelector('#div2');","results":{"aborted":false,"count":974549,"cycles":7,"hz":12675847.742922727,"stats":{"moe":4.2038890931148654e-10,"rme":0.5328785807245754,"sem":2.1448413740381967e-10,"deviation":1.7686815070708803e-9,"mean":7.889018709287727e-8,"variance":3.12823427345452e-18,"numSamples":68},"times":{"cycle":0.07688235294117646,"elapsed":6.128,"period":7.889018709287727e-8,"timeStamp":1625279944537}},"platforms":{"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36 Edg/91.0.864.64":{"aborted":false,"count":974549,"cycles":7,"hz":12675847.742922727,"stats":{"moe":4.2038890931148654e-10,"rme":0.5328785807245754,"sem":2.1448413740381967e-10,"deviation":1.7686815070708803e-9,"mean":7.889018709287727e-8,"variance":3.12823427345452e-18,"numSamples":68},"times":{"cycle":0.07688235294117646,"elapsed":6.128,"period":7.889018709287727e-8,"timeStamp":1625279944537}}}},{"name":"Map.get()","code":"CACHE.get('#div1');\nCACHE.get('#div2');","results":{"aborted":false,"count":95441075,"cycles":8,"hz":1253413432.622763,"stats":{"moe":1.955668441011553e-12,"rme":0.2451261093720298,"sem":9.977900209242618e-13,"deviation":8.288266397990999e-12,"mean":7.978213524547154e-10,"variance":6.869535988406668e-23,"numSamples":69},"times":{"cycle":0.07614492753623192,"elapsed":5.968,"period":7.978213524547154e-10,"timeStamp":1625279950671}},"platforms":{"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36 Edg/91.0.864.64":{"aborted":false,"count":95441075,"cycles":8,"hz":1253413432.622763,"stats":{"moe":1.955668441011553e-12,"rme":0.2451261093720298,"sem":9.977900209242618e-13,"deviation":8.288266397990999e-12,"mean":7.978213524547154e-10,"variance":6.869535988406668e-23,"numSamples":69},"times":{"cycle":0.07614492753623192,"elapsed":5.968,"period":7.978213524547154e-10,"timeStamp":1625279950671}}}}]}