Run results for: jquery data dom access

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/65.0.3325.183 Safari/537.36 Vivaldi/1.96.1147.55

Browser: Chrome 65

Operating system: Mac OS X 10.13.5

Device Platform: Desktop

Date tested: 6 years ago

Test name	Executions per second
options	359465.9 Ops/sec
single	187909.7 Ops/sec

HTML Preparation code:

<script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<div class="test" data-config="{&quot;foo&quot;:&quot;foo&quot;,&quot;bar&quot;:&quot;bar&quot;}" data-foo="foo" data-bar="bar"> </div>

Tests:

options
var options = $(".test").data("config"); var foo = options.foo; var bar = options.bar;
single
var foo = $(".test").data("foo"); var bar = $(".test").data("bar");

Run results for: jquery data dom access

see difference accessing dom multiple times

options

single