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

HTML data attribute: reading and writing via JQuery and JS dataset, string and numeric with/without parse (version: 0)

Comparing performance of: JS: write text vs JQuery: write text vs JS: write int vs JQuery: write int vs JS: increment (r+w) int w/o parsing vs JQuery: increment (r+w) int w/o parsing vs JS: increment (r+w) int with parsing

Created: 11 months ago by: Guest

Jump to the latest result

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); }

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
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

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: 11 months ago)

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

Browser/OS: Firefox 114 on Mac OS X 10.15

View result in a separate tab

Test name	Executions per second
JS: write text	1912033.0 Ops/sec
JQuery: write text	1913336.0 Ops/sec
JS: write int	1933516.0 Ops/sec
JQuery: write int	1979428.0 Ops/sec
JS: increment (r+w) int w/o parsing	1938204.0 Ops/sec
JQuery: increment (r+w) int w/o parsing	2050810.0 Ops/sec
JS: increment (r+w) int with parsing	1966268.0 Ops/sec

HTML data attribute: reading and writing via JQuery and JS dataset, string and numeric with/without parse (version: 0)

Comparing performance of: JS: write text vs JQuery: write text vs JS: write int vs JQuery: write int vs JS: increment (r+w) int w/o parsing vs JQuery: increment (r+w) int w/o parsing vs JS: increment (r+w) int with parsing

Created: 11 months ago by: Guest

Jump to the latest result

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

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A