Toggle navigation
MeasureThat.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
Run results for:
testingqueries
Go to the benchmark
Embed
Embed Benchmark Result
<iframe src="https://measurethat.net/Embed?id=586751" width="100%" height="500px"></iframe>
Run details:
User agent:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/133.0.0.0 Safari/537.36 Edg/133.0.0.0
Browser:
Chrome 133
Operating system:
Windows
Device Platform:
Desktop
Date tested:
one year ago
Test name
Executions per second
TESTER1
40471852.0 Ops/sec
TESTER2
31960950.0 Ops/sec
TESTER4
1238068.2 Ops/sec
TESTER5
1141966.5 Ops/sec
HTML Preparation code:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link href="https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet" /> <link rel="stylesheet" href="test.css" /> </head> <body> <div class="main-container"> <div class="board"> <div class="hand-container" id="player2-hand"></div> <div class="playing-area" id="player2-area"> <div class="left-section"> <div class="abilities"> <button class="circle ability" id="player2-draw-card-button"> <svg width="30%" viewbox="0 0 30 42" class="teardrop"> <path fill="rgb(66, 132, 169)" d="M15 3 Q16.5 6.8 25 18 A12.8 12.8 0 1 1 5 18 Q13.5 6.8 15 3z" /> <text x="50%" y="60%" text-anchor="middle" dominant-baseline="middle" font-size="20" fill="white"> 2 </text> </svg> Draw Card </button> <button class="circle ability" id="player2-draw-watersilo-button"> <svg width="30%" viewbox="0 0 30 42" class="teardrop"> <path fill="rgb(66, 132, 169)" d="M15 3 Q16.5 6.8 25 18 A12.8 12.8 0 1 1 5 18 Q13.5 6.8 15 3z" /> <text x="50%" y="60%" text-anchor="middle" dominant-baseline="middle" font-size="20" fill="white"> 1 </text> </svg> Water Silo </button> </div> <div class="cards-column"> <div class="card" id="watersilo"></div> <div class="card" id="raiders"></div> </div> <div class="water-container" id="player2-water-container"> <div class="circle water"></div> <div class="circle water"></div> <div class="circle water"></div> </div> </div> <div class="people-section"> <div class="column column1"> <div class="player2 card camp"></div> <div class="player2 card empty protected-row"></div> <div class="player2 card empty unprotected-row"></div> </div> <div class="column column2"> <div class="player2 card camp"></div> <div class="player2 card empty protected-row"></div> <div class="player2 card empty unprotected-row"></div> </div> <div class="column column3"> <div class="player2 card camp"></div> <div class="player2 card empty protected-row"></div> <div class="player2 card empty unprotected-row"></div> </div> </div> <div class="event-column"> <div class="event card empty" id="event3">3</div> <div class="event card empty" id="event2">2</div> <div class="event card empty" id="event1">1</div> </div> </div> <div class="center-draw-row"> <div class="card-section"> <div class="card-spot" id="draw-pile"></div> <div class="card-spot" id="discard-pile"></div> </div> </div> <div class="playing-area" id="player1-area"> <div class="left-section"> <div class="player1 abilities"> <button class="circle" id="player1-draw-card-button"> <svg width="30%" viewbox="0 0 30 42" class="teardrop"> <path fill="rgb(66, 132, 169)" d="M15 3 Q16.5 6.8 25 18 A12.8 12.8 0 1 1 5 18 Q13.5 6.8 15 3z" /> <text x="50%" y="60%" text-anchor="middle" dominant-baseline="middle" font-size="20" fill="white"> 2 </text> </svg> Draw Card </button> <button class="circle" id="player1-draw-watersilo-button"> <svg width="30%" viewbox="0 0 30 42" class="teardrop"> <path fill="rgb(66, 132, 169)" d="M15 3 Q16.5 6.8 25 18 A12.8 12.8 0 1 1 5 18 Q13.5 6.8 15 3z" /> <text x="50%" y="60%" text-anchor="middle" dominant-baseline="middle" font-size="20" fill="white"> 1 </text> </svg> Water Silo </button> </div> <div class="cards-column"> <div class="card" id="watersilo"></div> <div class="card" id="raiders"></div> </div> <div class="player1 water-container" id="player1-water-container"> <div class="circle water"></div> <div class="circle water"></div> <div class="circle water"></div> <!-- <div class="water-container2"> <div class="circle water"></div> <div class="circle water"></div> </div> --> </div> </div> <div class="people-section"> <div class="player1 column column1"> <div class="player1 card empty protected-row"></div> <div class="player1 card empty unprotected-row"></div> <div class="player1 card camp"></div> </div> <div class="player1 column column2"> <div class="player1 card empty protected-row"></div> <div class="player1 card empty unprotected-row"></div> <div class="player1 card camp"></div> </div> <div class="player1 column column3"> <div class="player1 card empty protected-row"></div> <div class="player1 card empty unprotected-row"></div> <div class="player1 card camp"></div> </div> </div> <div class="player1 event-column"> <div class="event card empty" id="event1">1</div> <div class="event card empty" id="event2">2</div> <div class="event card empty" id="event3">3</div> </div> </div> <div class="hand-container" id="player1-hand"></div> </div> <div class="info-column"> <div class="message-area">messages</div> </div> </div> </body> </html> <!-- <div class="handArea" id="player-hand"> <div class="card people" id="assassin"></div> <div class="card people" id="cultLeader"></div> <div class="card people" id="doomsayer"></div> <div class="card people" id="exterminator"></div> <div class="card people" id="gunner"></div> <div class="card people" id="holdout"></div> <div class="card people" id="looter"></div> <div class="card people" id="mimic"></div> </div> -->
Script Preparation code:
/*your preparation JavaScript code goes here To execute async code during the script preparation, wrap it as function globalMeasureThatScriptPrepareFunction, example:*/ async function globalMeasureThatScriptPrepareFunction() { // This function is optional, feel free to remove it. // await someThing(); }
Tests:
TESTER1
function $id(id) { return document.getElementById(id); } $id("player1-draw-watersilo-button");
TESTER2
function $class(className) { return document.getElementsByClassName(className); } $class("player1 abilities");
TESTER4
function $(val) { return document.querySelector(val); } $("#player1-draw-watersilo-button");
TESTER5
function $(val) { return document.querySelector(val); } $(".player1 .abilities");