Toggle navigation
MeasureThat.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
get data attributes
(version: 0)
Comparing performance of:
getAttribute vs dataset
Created:
one year ago
by:
Guest
Jump to the latest result
HTML Preparation code:
<div id='foo' 'data-a0="0" data-a1="1" data-a2="2" data-a3="3" data-a4="4" data-a5="5" data-a6="6" data-a7="7" data-a8="8" data-a9="9" data-a10="10" data-a11="11" data-a12="12" data-a13="13" data-a14="14" data-a15="15" data-a16="16" data-a17="17" data-a18="18" data-a19="19" data-a20="20" data-a21="21" data-a22="22" data-a23="23" data-a24="24" data-a25="25" data-a26="26" data-a27="27" data-a28="28" data-a29="29" data-a30="30" data-a31="31" data-a32="32" data-a33="33" data-a34="34" data-a35="35" data-a36="36" data-a37="37" data-a38="38" data-a39="39" data-a40="40" data-a41="41" data-a42="42" data-a43="43" data-a44="44" data-a45="45" data-a46="46" data-a47="47" data-a48="48" data-a49="49" data-a50="50" data-a51="51" data-a52="52" data-a53="53" data-a54="54" data-a55="55" data-a56="56" data-a57="57" data-a58="58" data-a59="59" data-a60="60" data-a61="61" data-a62="62" data-a63="63" data-a64="64" data-a65="65" data-a66="66" data-a67="67" data-a68="68" data-a69="69" data-a70="70" data-a71="71" data-a72="72" data-a73="73" data-a74="74" data-a75="75" data-a76="76" data-a77="77" data-a78="78" data-a79="79" data-a80="80" data-a81="81" data-a82="82" data-a83="83" data-a84="84" data-a85="85" data-a86="86" data-a87="87" data-a88="88" data-a89="89" data-a90="90" data-a91="91" data-a92="92" data-a93="93" data-a94="94" data-a95="95" data-a96="96" data-a97="97" data-a98="98" data-a99="99" data-a100="100" data-a101="101" data-a102="102" data-a103="103" data-a104="104" data-a105="105" data-a106="106" data-a107="107" data-a108="108" data-a109="109" data-a110="110" data-a111="111" data-a112="112" data-a113="113" data-a114="114" data-a115="115" data-a116="116" data-a117="117" data-a118="118" data-a119="119" data-a120="120" data-a121="121" data-a122="122" data-a123="123" data-a124="124" data-a125="125" data-a126="126" data-a127="127" data-a128="128" data-a129="129" data-a130="130" data-a131="131" data-a132="132" data-a133="133" data-a134="134" data-a135="135" data-a136="136" data-a137="137" data-a138="138" data-a139="139" data-a140="140" data-a141="141" data-a142="142" data-a143="143" data-a144="144" data-a145="145" data-a146="146" data-a147="147" data-a148="148" data-a149="149" data-a150="150" data-a151="151" data-a152="152" data-a153="153" data-a154="154" data-a155="155" data-a156="156" data-a157="157" data-a158="158" data-a159="159" data-a160="160" data-a161="161" data-a162="162" data-a163="163" data-a164="164" data-a165="165" data-a166="166" data-a167="167" data-a168="168" data-a169="169" data-a170="170" data-a171="171" data-a172="172" data-a173="173" data-a174="174" data-a175="175" data-a176="176" data-a177="177" data-a178="178" data-a179="179" data-a180="180" data-a181="181" data-a182="182" data-a183="183" data-a184="184" data-a185="185" data-a186="186" data-a187="187" data-a188="188" data-a189="189" data-a190="190" data-a191="191" data-a192="192" data-a193="193" data-a194="194" data-a195="195" data-a196="196" data-a197="197" data-a198="198" data-a199="199" data-a200="200" data-a201="201" data-a202="202" data-a203="203" data-a204="204" data-a205="205" data-a206="206" data-a207="207" data-a208="208" data-a209="209" data-a210="210" data-a211="211" data-a212="212" data-a213="213" data-a214="214" data-a215="215" data-a216="216" data-a217="217" data-a218="218" data-a219="219" data-a220="220" data-a221="221" data-a222="222" data-a223="223" data-a224="224" data-a225="225" data-a226="226" data-a227="227" data-a228="228" data-a229="229" data-a230="230" data-a231="231" data-a232="232" data-a233="233" data-a234="234" data-a235="235" data-a236="236" data-a237="237" data-a238="238" data-a239="239" data-a240="240" data-a241="241" data-a242="242" data-a243="243" data-a244="244" data-a245="245" data-a246="246" data-a247="247" data-a248="248" data-a249="249" data-a250="250" data-a251="251" data-a252="252" data-a253="253" data-a254="254" data-a255="255" data-a256="256" data-a257="257" data-a258="258" data-a259="259" data-a260="260" data-a261="261" data-a262="262" data-a263="263" data-a264="264" data-a265="265" data-a266="266" data-a267="267" data-a268="268" data-a269="269" data-a270="270" data-a271="271" data-a272="272" data-a273="273" data-a274="274" data-a275="275" data-a276="276" data-a277="277" data-a278="278" data-a279="279" data-a280="280" data-a281="281" data-a282="282" data-a283="283" data-a284="284" data-a285="285" data-a286="286" data-a287="287" data-a288="288" data-a289="289" data-a290="290" data-a291="291" data-a292="292" data-a293="293" data-a294="294" data-a295="295" data-a296="296" data-a297="297" data-a298="298" data-a299="299" data-a300="300" data-a301="301" data-a302="302" data-a303="303" data-a304="304" data-a305="305" data-a306="306" data-a307="307" data-a308="308" data-a309="309" data-a310="310" data-a311="311" data-a312="312" data-a313="313" data-a314="314" data-a315="315" data-a316="316" data-a317="317" data-a318="318" data-a319="319" data-a320="320" data-a321="321" data-a322="322" data-a323="323" data-a324="324" data-a325="325" data-a326="326" data-a327="327" data-a328="328" data-a329="329" data-a330="330" data-a331="331" data-a332="332" data-a333="333" data-a334="334" data-a335="335" data-a336="336" data-a337="337" data-a338="338" data-a339="339" data-a340="340" data-a341="341" data-a342="342" data-a343="343" data-a344="344" data-a345="345" data-a346="346" data-a347="347" data-a348="348" data-a349="349" data-a350="350" data-a351="351" data-a352="352" data-a353="353" data-a354="354" data-a355="355" data-a356="356" data-a357="357" data-a358="358" data-a359="359" data-a360="360" data-a361="361" data-a362="362" data-a363="363" data-a364="364" data-a365="365" data-a366="366" data-a367="367" data-a368="368" data-a369="369" data-a370="370" data-a371="371" data-a372="372" data-a373="373" data-a374="374" data-a375="375" data-a376="376" data-a377="377" data-a378="378" data-a379="379" data-a380="380" data-a381="381" data-a382="382" data-a383="383" data-a384="384" data-a385="385" data-a386="386" data-a387="387" data-a388="388" data-a389="389" data-a390="390" data-a391="391" data-a392="392" data-a393="393" data-a394="394" data-a395="395" data-a396="396" data-a397="397" data-a398="398" data-a399="399" data-a400="400" data-a401="401" data-a402="402" data-a403="403" data-a404="404" data-a405="405" data-a406="406" data-a407="407" data-a408="408" data-a409="409" data-a410="410" data-a411="411" data-a412="412" data-a413="413" data-a414="414" data-a415="415" data-a416="416" data-a417="417" data-a418="418" data-a419="419" data-a420="420" data-a421="421" data-a422="422" data-a423="423" data-a424="424" data-a425="425" data-a426="426" data-a427="427" data-a428="428" data-a429="429" data-a430="430" data-a431="431" data-a432="432" data-a433="433" data-a434="434" data-a435="435" data-a436="436" data-a437="437" data-a438="438" data-a439="439" data-a440="440" data-a441="441" data-a442="442" data-a443="443" data-a444="444" data-a445="445" data-a446="446" data-a447="447" data-a448="448" data-a449="449" data-a450="450" data-a451="451" data-a452="452" data-a453="453" data-a454="454" data-a455="455" data-a456="456" data-a457="457" data-a458="458" data-a459="459" data-a460="460" data-a461="461" data-a462="462" data-a463="463" data-a464="464" data-a465="465" data-a466="466" data-a467="467" data-a468="468" data-a469="469" data-a470="470" data-a471="471" data-a472="472" data-a473="473" data-a474="474" data-a475="475" data-a476="476" data-a477="477" data-a478="478" data-a479="479" data-a480="480" data-a481="481" data-a482="482" data-a483="483" data-a484="484" data-a485="485" data-a486="486" data-a487="487" data-a488="488" data-a489="489" data-a490="490" data-a491="491" data-a492="492" data-a493="493" data-a494="494" data-a495="495" data-a496="496" data-a497="497" data-a498="498" data-a499="499" data-a500="500" data-a501="501" data-a502="502" data-a503="503" data-a504="504" data-a505="505" data-a506="506" data-a507="507" data-a508="508" data-a509="509" data-a510="510" data-a511="511" data-a512="512" data-a513="513" data-a514="514" data-a515="515" data-a516="516" data-a517="517" data-a518="518" data-a519="519" data-a520="520" data-a521="521" data-a522="522" data-a523="523" data-a524="524" data-a525="525" data-a526="526" data-a527="527" data-a528="528" data-a529="529" data-a530="530" data-a531="531" data-a532="532" data-a533="533" data-a534="534" data-a535="535" data-a536="536" data-a537="537" data-a538="538" data-a539="539" data-a540="540" data-a541="541" data-a542="542" data-a543="543" data-a544="544" data-a545="545" data-a546="546" data-a547="547" data-a548="548" data-a549="549" data-a550="550" data-a551="551" data-a552="552" data-a553="553" data-a554="554" data-a555="555" data-a556="556" data-a557="557" data-a558="558" data-a559="559" data-a560="560" data-a561="561" data-a562="562" data-a563="563" data-a564="564" data-a565="565" data-a566="566" data-a567="567" data-a568="568" data-a569="569" data-a570="570" data-a571="571" data-a572="572" data-a573="573" data-a574="574" data-a575="575" data-a576="576" data-a577="577" data-a578="578" data-a579="579" data-a580="580" data-a581="581" data-a582="582" data-a583="583" data-a584="584" data-a585="585" data-a586="586" data-a587="587" data-a588="588" data-a589="589" data-a590="590" data-a591="591" data-a592="592" data-a593="593" data-a594="594" data-a595="595" data-a596="596" data-a597="597" data-a598="598" data-a599="599" data-a600="600" data-a601="601" data-a602="602" data-a603="603" data-a604="604" data-a605="605" data-a606="606" data-a607="607" data-a608="608" data-a609="609" data-a610="610" data-a611="611" data-a612="612" data-a613="613" data-a614="614" data-a615="615" data-a616="616" data-a617="617" data-a618="618" data-a619="619" data-a620="620" data-a621="621" data-a622="622" data-a623="623" data-a624="624" data-a625="625" data-a626="626" data-a627="627" data-a628="628" data-a629="629" data-a630="630" data-a631="631" data-a632="632" data-a633="633" data-a634="634" data-a635="635" data-a636="636" data-a637="637" data-a638="638" data-a639="639" data-a640="640" data-a641="641" data-a642="642" data-a643="643" data-a644="644" data-a645="645" data-a646="646" data-a647="647" data-a648="648" data-a649="649" data-a650="650" data-a651="651" data-a652="652" data-a653="653" data-a654="654" data-a655="655" data-a656="656" data-a657="657" data-a658="658" data-a659="659" data-a660="660" data-a661="661" data-a662="662" data-a663="663" data-a664="664" data-a665="665" data-a666="666" data-a667="667" data-a668="668" data-a669="669" data-a670="670" data-a671="671" data-a672="672" data-a673="673" data-a674="674" data-a675="675" data-a676="676" data-a677="677" data-a678="678" data-a679="679" data-a680="680" data-a681="681" data-a682="682" data-a683="683" data-a684="684" data-a685="685" data-a686="686" data-a687="687" data-a688="688" data-a689="689" data-a690="690" data-a691="691" data-a692="692" data-a693="693" data-a694="694" data-a695="695" data-a696="696" data-a697="697" data-a698="698" data-a699="699" data-a700="700" data-a701="701" data-a702="702" data-a703="703" data-a704="704" data-a705="705" data-a706="706" data-a707="707" data-a708="708" data-a709="709" data-a710="710" data-a711="711" data-a712="712" data-a713="713" data-a714="714" data-a715="715" data-a716="716" data-a717="717" data-a718="718" data-a719="719" data-a720="720" data-a721="721" data-a722="722" data-a723="723" data-a724="724" data-a725="725" data-a726="726" data-a727="727" data-a728="728" data-a729="729" data-a730="730" data-a731="731" data-a732="732" data-a733="733" data-a734="734" data-a735="735" data-a736="736" data-a737="737" data-a738="738" data-a739="739" data-a740="740" data-a741="741" data-a742="742" data-a743="743" data-a744="744" data-a745="745" data-a746="746" data-a747="747" data-a748="748" data-a749="749" data-a750="750" data-a751="751" data-a752="752" data-a753="753" data-a754="754" data-a755="755" data-a756="756" data-a757="757" data-a758="758" data-a759="759" data-a760="760" data-a761="761" data-a762="762" data-a763="763" data-a764="764" data-a765="765" data-a766="766" data-a767="767" data-a768="768" data-a769="769" data-a770="770" data-a771="771" data-a772="772" data-a773="773" data-a774="774" data-a775="775" data-a776="776" data-a777="777" data-a778="778" data-a779="779" data-a780="780" data-a781="781" data-a782="782" data-a783="783" data-a784="784" data-a785="785" data-a786="786" data-a787="787" data-a788="788" data-a789="789" data-a790="790" data-a791="791" data-a792="792" data-a793="793" data-a794="794" data-a795="795" data-a796="796" data-a797="797" data-a798="798" data-a799="799" data-a800="800" data-a801="801" data-a802="802" data-a803="803" data-a804="804" data-a805="805" data-a806="806" data-a807="807" data-a808="808" data-a809="809" data-a810="810" data-a811="811" data-a812="812" data-a813="813" data-a814="814" data-a815="815" data-a816="816" data-a817="817" data-a818="818" data-a819="819" data-a820="820" data-a821="821" data-a822="822" data-a823="823" data-a824="824" data-a825="825" data-a826="826" data-a827="827" data-a828="828" data-a829="829" data-a830="830" data-a831="831" data-a832="832" data-a833="833" data-a834="834" data-a835="835" data-a836="836" data-a837="837" data-a838="838" data-a839="839" data-a840="840" data-a841="841" data-a842="842" data-a843="843" data-a844="844" data-a845="845" data-a846="846" data-a847="847" data-a848="848" data-a849="849" data-a850="850" data-a851="851" data-a852="852" data-a853="853" data-a854="854" data-a855="855" data-a856="856" data-a857="857" data-a858="858" data-a859="859" data-a860="860" data-a861="861" data-a862="862" data-a863="863" data-a864="864" data-a865="865" data-a866="866" data-a867="867" data-a868="868" data-a869="869" data-a870="870" data-a871="871" data-a872="872" data-a873="873" data-a874="874" data-a875="875" data-a876="876" data-a877="877" data-a878="878" data-a879="879" data-a880="880" data-a881="881" data-a882="882" data-a883="883" data-a884="884" data-a885="885" data-a886="886" data-a887="887" data-a888="888" data-a889="889" data-a890="890" data-a891="891" data-a892="892" data-a893="893" data-a894="894" data-a895="895" data-a896="896" data-a897="897" data-a898="898" data-a899="899" data-a900="900" data-a901="901" data-a902="902" data-a903="903" data-a904="904" data-a905="905" data-a906="906" data-a907="907" data-a908="908" data-a909="909" data-a910="910" data-a911="911" data-a912="912" data-a913="913" data-a914="914" data-a915="915" data-a916="916" data-a917="917" data-a918="918" data-a919="919" data-a920="920" data-a921="921" data-a922="922" data-a923="923" data-a924="924" data-a925="925" data-a926="926" data-a927="927" data-a928="928" data-a929="929" data-a930="930" data-a931="931" data-a932="932" data-a933="933" data-a934="934" data-a935="935" data-a936="936" data-a937="937" data-a938="938" data-a939="939" data-a940="940" data-a941="941" data-a942="942" data-a943="943" data-a944="944" data-a945="945" data-a946="946" data-a947="947" data-a948="948" data-a949="949" data-a950="950" data-a951="951" data-a952="952" data-a953="953" data-a954="954" data-a955="955" data-a956="956" data-a957="957" data-a958="958" data-a959="959" data-a960="960" data-a961="961" data-a962="962" data-a963="963" data-a964="964" data-a965="965" data-a966="966" data-a967="967" data-a968="968" data-a969="969" data-a970="970" data-a971="971" data-a972="972" data-a973="973" data-a974="974" data-a975="975" data-a976="976" data-a977="977" data-a978="978" data-a979="979" data-a980="980" data-a981="981" data-a982="982" data-a983="983" data-a984="984" data-a985="985" data-a986="986" data-a987="987" data-a988="988" data-a989="989" data-a990="990" data-a991="991" data-a992="992" data-a993="993" data-a994="994" data-a995="995" data-a996="996" data-a997="997" data-a998="998" data-a999="999"'></div>
Tests:
getAttribute
const ele = document.getElementById("foo"); for(let i=0; i < 1000; i++) { const x = ele.getAttribute("data-a"+i); }
dataset
const ele = document.getElementById("foo"); for(let i=0; i < 1000; i++) { const x = ele.dataset["a" +i] }
Rendered benchmark preparation results:
Suite status:
<idle, ready to run>
Run tests (2)
Previous results
Fork
Test case name
Result
getAttribute
dataset
Fastest:
N/A
Slowest:
N/A
Latest run results:
Run details:
(Test run date:
one year ago
)
User agent:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36
Browser/OS:
Chrome 129 on Windows
View result in a separate tab
Embed
Embed Benchmark Result
<iframe src="https://measurethat.net/Embed?id=557286" width="100%" height="500px"></iframe>
Test name
Executions per second
getAttribute
2020.2 Ops/sec
dataset
308.3 Ops/sec
Autogenerated LLM Summary
(model
llama3.2:3b
, generated one year ago):
Based on the provided information, I will attempt to answer the question. It appears that we have three main pieces of data: 1. A JavaScript snippet with HTML elements: ``` <div id="foo" data-a892="892" data-a893="893" ...> <!-- some content --> </div> ``` 2. Two benchmark test cases: ``` [ { "Benchmark Definition": "const ele = document.getElementById(\"foo\");\r\nfor(let i=0; i < 1000; i++) {\r\n\tconst x = ele.getAttribute(\"data-a\"+i);\r\n}", "Test Name": "getAttribute" }, { "Benchmark Definition": "const ele = document.getElementById(\"foo\");\r\nfor(let i=0; i < 1000; i++) {\r\n\tconst x = ele.dataset[\"a\" +i]\r\n}", "Test Name": "dataset" } ] ``` 3. A benchmark result: ``` [ { "RawUAString": "...", "Browser": "Chrome 129", "DevicePlatform": "Desktop", "OperatingSystem": "Windows", "ExecutionsPerSecond": ..., "TestName": "getAttribute" }, { "RawUAString": "...", "Browser": "Chrome 129", "DevicePlatform": "Desktop", "OperatingSystem": "Windows", "ExecutionsPerSecond": ..., "TestName": "dataset" } ] ``` The question seems to be related to benchmarking the performance of JavaScript code that interacts with HTML elements, specifically `getAttribute` and `dataset`. The benchmark result shows two different execution rates for each test case. To answer the question, I would need more information about what is being asked. Are we trying to: * Compare the performance of `getAttribute` and `dataset` in terms of execution rate? * Identify any differences between Chrome 129 and other browsers? * Analyze the benchmark result to determine any potential optimization opportunities? Please provide more context or clarify the question, and I'll do my best to assist.
Related benchmarks:
Test speed for create of JQuery object v2
jQuery Data vs Class
get data attributes update 1
jQuery Version Test2
Comments
Confirm delete:
Do you really want to delete benchmark?