Run results for: HTML data attribute: reading and writing via JQuery and JS dataset, string and numeric with/without parse

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:109.0) Gecko/20100101 Firefox/114.0

Browser: Firefox 114

Operating system: Mac OS X 10.15

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
JS: write text	1912033.1 Ops/sec
JQuery: write text	1913336.4 Ops/sec
JS: write int	1933515.9 Ops/sec
JQuery: write int	1979427.8 Ops/sec
JS: increment (r+w) int w/o parsing	1938204.0 Ops/sec
JQuery: increment (r+w) int w/o parsing	2050809.8 Ops/sec
JS: increment (r+w) int with parsing	1966267.6 Ops/sec

HTML Preparation code:

<div id="data" data-txt="text" data-int="0">div element containing data- fields</div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js'></script>

Tests:

JS: write text
window.onload = function() { document.getElementById("data").dataset.txt = "newtext"; }
JQuery: write text
window.onload = function() { $("#data").data("txt") = "newtext"; }
JS: write int
window.onload = function() { document.getElementById("data").dataset.int = ""+42; }
JQuery: write int
window.onload = function() { $("#data").data("int") = 42; }
JS: increment (r+w) int w/o parsing
window.onload = function() { document.getElementById("data").dataset.int = document.getElementById("data").dataset.int + 10; }
JQuery: increment (r+w) int w/o parsing
window.onload = function() { $("#data").data("int") = $("#data").data("int") + 10; }
JS: increment (r+w) int with parsing
window.onload = function() { document.getElementById("data").dataset.int = ""+(Number.parseInt(document.getElementById("data").dataset.int) + 1); }

Run results for: HTML data attribute: reading and writing via JQuery and JS dataset, string and numeric with/without parse

JS: write text

JQuery: write text

JS: write int

JQuery: write int

JS: increment (r+w) int w/o parsing

JQuery: increment (r+w) int w/o parsing

JS: increment (r+w) int with parsing