MeasureThat.net

Run results for: testingqueries

Go to the benchmark
Run details:
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
Chrome 133
Windows
Desktop
one month 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:
​x
 
1
<!DOCTYPE html>
2
<html lang="en">
3
  <head>
4
    <meta charset="UTF-8" />
5
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
    <title>Document</title>
7
    <link rel="preconnect" href="https://fonts.googleapis.com" />
8
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
9
    <link
10
      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"
11
      rel="stylesheet"
12
    />
13
    <link rel="stylesheet" href="test.css" />
14
  </head>
15
  <body>
16
    <div class="main-container">
17
      <div class="board">
18
        <div class="hand-container" id="player2-hand"></div>
19
        <div class="playing-area" id="player2-area">
20
          <div class="left-section">
21
            <div class="abilities">
22
              <button class="circle ability" id="player2-draw-card-button">
23
                <svg width="30%" viewbox="0 0 30 42" class="teardrop">
24
                  <path
25
                    fill="rgb(66, 132, 169)"
26
                    d="M15 3
27
                                  Q16.5 6.8 25 18
28
                                  A12.8 12.8 0 1 1 5 18
29
                                  Q13.5 6.8 15 3z"
30
                  />
31
                  <text x="50%" y="60%" text-anchor="middle" dominant-baseline="middle" font-size="20" fill="white">
32
                    2
33
                  </text>
34
                </svg>
35
                Draw Card
36
              </button>
37
              <button class="circle ability" id="player2-draw-watersilo-button">
38
                <svg width="30%" viewbox="0 0 30 42" class="teardrop">
39
                  <path
40
                    fill="rgb(66, 132, 169)"
41
                    d="M15 3
42
                                    Q16.5 6.8 25 18
43
                                    A12.8 12.8 0 1 1 5 18
44
                                    Q13.5 6.8 15 3z"
45
                  />
46
                  <text x="50%" y="60%" text-anchor="middle" dominant-baseline="middle" font-size="20" fill="white">
47
                    1
48
                  </text>
49
                </svg>
50
                Water Silo
51
              </button>
52
            </div>
53
            <div class="cards-column">
54
              <div class="card" id="watersilo"></div>
55
              <div class="card" id="raiders"></div>
56
            </div>
57
            <div class="water-container" id="player2-water-container">
58
              <div class="circle water"></div>
59
              <div class="circle water"></div>
60
              <div class="circle water"></div>
61
            </div>
62
          </div>
63
          <div class="people-section">
64
            <div class="column column1">
65
              <div class="player2 card camp"></div>
66
              <div class="player2 card empty protected-row"></div>
67
              <div class="player2 card empty unprotected-row"></div>
68
            </div>
69
            <div class="column column2">
70
              <div class="player2 card camp"></div>
71
              <div class="player2 card empty protected-row"></div>
72
              <div class="player2 card empty unprotected-row"></div>
73
            </div>
74
            <div class="column column3">
75
              <div class="player2 card camp"></div>
76
              <div class="player2 card empty protected-row"></div>
77
              <div class="player2 card empty unprotected-row"></div>
78
            </div>
79
          </div>
80
          <div class="event-column">
81
            <div class="event card empty" id="event3">3</div>
82
            <div class="event card empty" id="event2">2</div>
83
            <div class="event card empty" id="event1">1</div>
84
          </div>
85
        </div>
86
        <div class="center-draw-row">
87
          <div class="card-section">
88
            <div class="card-spot" id="draw-pile"></div>
89
            <div class="card-spot" id="discard-pile"></div>
90
          </div>
91
        </div>
92
        <div class="playing-area" id="player1-area">
93
          <div class="left-section">
94
            <div class="player1 abilities">
95
              <button class="circle" id="player1-draw-card-button">
96
                <svg width="30%" viewbox="0 0 30 42" class="teardrop">
97
                  <path
98
                    fill="rgb(66, 132, 169)"
99
                    d="M15 3
100
                            Q16.5 6.8 25 18
101
                            A12.8 12.8 0 1 1 5 18
102
                            Q13.5 6.8 15 3z"
103
                  />
104
                  <text x="50%" y="60%" text-anchor="middle" dominant-baseline="middle" font-size="20" fill="white">
105
                    2
106
                  </text>
107
                </svg>
108
                Draw Card
109
              </button>
110
              <button class="circle" id="player1-draw-watersilo-button">
111
                <svg width="30%" viewbox="0 0 30 42" class="teardrop">
112
                  <path
113
                    fill="rgb(66, 132, 169)"
114
                    d="M15 3
115
                        Q16.5 6.8 25 18
116
                        A12.8 12.8 0 1 1 5 18
117
                        Q13.5 6.8 15 3z"
118
                  />
119
                  <text x="50%" y="60%" text-anchor="middle" dominant-baseline="middle" font-size="20" fill="white">
120
                    1
121
                  </text>
122
                </svg>
123
                Water Silo
124
              </button>
125
            </div>
126
            <div class="cards-column">
127
              <div class="card" id="watersilo"></div>
128
              <div class="card" id="raiders"></div>
129
            </div>
130
            <div class="player1 water-container" id="player1-water-container">
131
              <div class="circle water"></div>
132
              <div class="circle water"></div>
133
              <div class="circle water"></div>
134
              <!-- <div class="water-container2">
135
                <div class="circle water"></div>
136
                <div class="circle water"></div>
137
              </div> -->
138
            </div>
139
          </div>
140
          <div class="people-section">
141
            <div class="player1 column column1">
142
              <div class="player1 card empty protected-row"></div>
143
              <div class="player1 card empty unprotected-row"></div>
144
              <div class="player1 card camp"></div>
145
            </div>
146
            <div class="player1 column column2">
147
              <div class="player1 card empty protected-row"></div>
148
              <div class="player1 card empty unprotected-row"></div>
149
              <div class="player1 card camp"></div>
150
            </div>
151
            <div class="player1 column column3">
152
              <div class="player1 card empty protected-row"></div>
153
              <div class="player1 card empty unprotected-row"></div>
154
              <div class="player1 card camp"></div>
155
            </div>
156
          </div>
157
          <div class="player1 event-column">
158
            <div class="event card empty" id="event1">1</div>
159
            <div class="event card empty" id="event2">2</div>
160
            <div class="event card empty" id="event3">3</div>
161
          </div>
162
        </div>
163
        <div class="hand-container" id="player1-hand"></div>
164
      </div>
165
      <div class="info-column">
166
        <div class="message-area">messages</div>
167
      </div>
168
    </div>
169
  </body>
170
</html>
171
​
172
<!-- <div class="handArea" id="player-hand">
173
          <div class="card people" id="assassin"></div>
174
          <div class="card people" id="cultLeader"></div>
175
          <div class="card people" id="doomsayer"></div>
176
          <div class="card people" id="exterminator"></div>
177
          <div class="card people" id="gunner"></div>
178
          <div class="card people" id="holdout"></div>
179
          <div class="card people" id="looter"></div>
180
          <div class="card people" id="mimic"></div>
181
</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");