MeasureThat.net

 qs vs getele (version: 0)

how fast to collect html elements on page

Comparing performance of: qs vs ebtn

Created: one year ago by: Registered User
Jump to the latest result
HTML Preparation code:
​x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
    <meta charset="utf-8" />
5
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
    <script src="/cdn-cgi/apps/head/Y80KxAZg4r3ZdC852BSge0wYd7Q.js"></script><link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
7
    <link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
8
    <link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
9
    <link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
10
    <link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
11
    <link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
12
    <link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
13
    <link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
14
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
15
    <link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png">
16
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
17
    <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
18
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
19
    <link rel="manifest" href="/manifest.json">
20
    <meta name="msapplication-TileColor" content="#ffffff">
21
    <meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
22
    <meta name="theme-color" content="#ffffff">
23
​
24
    <meta name="Description" content="JavaScript microbenchmarks, JavaScript performance playground. Measure performance accross different browsers.">
25
    <meta name="Keywords" content="JavaScript, jQuery, Performance, Benchmark, Speed, Web, React, Angular, Node.js, dotnet core, asp.net mvc, c#, JS, perf, browser, chrome, firefox, edge, internet explorer, vanilla js vs jquery, jquery vs react, react vs vue, react vs angular, compare performance, which one is faster, more efficient">
26
​
27
    <title>Create benchmark - MeasureThat.net</title>
28
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
29
30
​
31
​
32
33
​
34
    <!--<link rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.6/css/bootstrap.min.css"
35
          asp-fallback-href="~/lib/bootstrap/dist/css/bootstrap.min.css"
36
          asp-fallback-test-class="sr-only" asp-fallback-test-property="position" asp-fallback-test-value="absolute" />-->
37
    <link rel="stylesheet" href="/css/bootstrap_spacelab.min.css" />
38
    <link rel="stylesheet" href="/css/site.css?v=NjdPKXoaGveyJTiA6_An4dVCrHaA59AleERVppR_hKo" />
39
​
40
​
41
42
​
43
​
44
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.16.0/codemirror.min.css">
45
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.16.0/theme/ambiance.min.css">
46
​
47
​
48
</head>
49
<body>
50
    <div class="navbar navbar-inverse navbar-fixed-top">
51
        <div class="container">
52
            <div class="navbar-header">
53
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
54
                    <span class="sr-only">Toggle navigation</span>
55
                    <span class="icon-bar"></span>
56
                    <span class="icon-bar"></span>
57
                    <span class="icon-bar"></span>
58
                </button>
59
                <a class="navbar-brand" href="/"><i class="fa fa-bar-chart" aria-hidden="true"></i>&nbsp;MeasureThat.net</a>
60
            </div>
61
            <div class="navbar-collapse collapse">
62
                <ul class="nav navbar-nav">
63
                    <li><a href="/Benchmarks/Add">Create a benchmark</a></li>
64
                    <li><a href="/Tools">Online Tools<sup>new</sup></a></li>
65
                    <li><a data-toggle="modal" data-target="#aboutModal" href="#">About</a></li>
66
                    <li><a href="/Home/Discussions">Feedback</a></li>
67
                    <li> <style>.bmc-button img{width: 27px !important;margin-bottom: 1px !important;box-shadow: none !important;border: none !important;vertical-align: middle !important;}.bmc-button{line-height: 36px !important;height:37px !important;text-decoration: none !important;display:inline-flex !important;color:#ffffff !important;background-color:#BB5794 !important;border-radius: 3px !important;border: 1px solid transparent !important;padding: 1px 9px !important;font-size: 22px !important;letter-spacing: 0.6px !important;box-shadow: 0px 1px 2px rgba(190, 190, 190, 0.5) !important;-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;margin: 0 auto !important;font-family:'Cookie', cursive !important;-webkit-box-sizing: border-box !important;box-sizing: border-box !important;-o-transition: 0.3s all linear !important;-webkit-transition: 0.3s all linear !important;-moz-transition: 0.3s all linear !important;-ms-transition: 0.3s all linear !important;transition: 0.3s all linear !important;}.bmc-button:hover, .bmc-button:active, .bmc-button:focus {-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;text-decoration: none !important;box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;opacity: 0.85 !important;color:#ffffff !important;}</style><link href="https://fonts.googleapis.com/css?family=Cookie" rel="stylesheet"><a class="bmc-button" target="_blank" href="https://www.buymeacoffee.com/2DBtw96"><img src="https://bmc-cdn.nyc3.digitaloceanspaces.com/BMC-button-images/BMC-btn-logo.svg" alt="Buy me a coffee"><span style="margin-left:5px">Buy me a coffee</span></a></li>
68
                </ul>
69
70
​
71
    <ul class="nav navbar-nav navbar-right">
72
        <li><a href="/Account/Register">Register</a></li>
73
        <li><a href="#" data-toggle="modal" data-target="#authenticateModal">Log in</a></li>
74
    </ul>
75
​
76
            </div>
77
        </div>
78
    </div>
79
    <div class="container body-content">
80
        <div class="row">
81
82
​
83
​
84
<div class="page-header">
85
    <h1>Create benchmark</h1>
86
</div>
87
​
88
    <div class="alert alert-warning" role="alert">
89
        <b>Consider signing in before you create benchmark.</b> Then you will be able to edit it later.
90
        Benchmarks created by guest users <b>can't be edited</b>, only forked.
91
        <br><br>
92
        <button class="btn btn-primary" data-toggle="modal" data-target="#authenticateModal">Log in</button>
93
    </div>
94
    <hr />
95
​
96
<form action="/Benchmarks/Add" id="new-benchmark-form" method="post"><div class="validation-summary-valid" data-valmsg-summary="true"><ul><li style="display:none"></li>
97
</ul></div><input data-val="true" data-val-required="The Id field is required." id="Id" name="Id" type="hidden" value="0" />    <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
98
        <div class="panel panel-default">
99
            <div class="panel-heading" role="tab" id="headingOne">
100
                <h4 class="panel-title">
101
                    <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
102
                        Benchmark name and description
103
                    </a>
104
                </h4>
105
            </div>
106
            <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
107
                <div class="panel-body">
108
                    <div class="form-group">
109
                        <label for="BenchmarkName">Benchmark Name</label>
110
                        <input class="form-control" data-val="true" data-val-length="The Benchmark Name must be at least 6 and at max 200 characters long." data-val-length-max="200" data-val-length-min="6" data-val-required="The Benchmark Name field is required." id="BenchmarkName" name="BenchmarkName" placeholder="Name of the benchmark" type="text" value="" />
111
                        <span id="dup-title" class="text-danger field-validation-error" style="display:none">Benchmark with such name already exists.</span>
112
                        <span class="field-validation-valid text-danger" data-valmsg-for="BenchmarkName" data-valmsg-replace="true"></span>
113
                    </div>
114
                    <div class="form-group">
115
                        <label for="Description">Description</label>
116
                        <textarea class="form-control" data-val="true" data-val-length="The Description must be at max 4000 characters long." data-val-length-max="4000" id="Description" name="Description" placeholder="Benchmark description"></textarea>
117
                        <span class="field-validation-valid text-danger" data-valmsg-for="Description" data-valmsg-replace="true"></span>
118
                    </div>
119
                </div>
120
            </div>
121
        </div>
122
        <div class="panel panel-default">
123
            <div class="panel-heading" role="tab" id="headingTwo">
124
                <h4 class="panel-title">
125
                    <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo">
126
                        Preparation code
127
                    </a>
128
                </h4>
129
            </div>
130
            <div id="collapseTwo" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingTwo">
131
                <div class="panel-body">
132
                    <div class="form-group">
133
                        <label for="HtmlPreparationCode">Html Preparation code</label>
134
                        <textarea class="form-control" id="HtmlPreparationCode" name="HtmlPreparationCode"></textarea>
135
                        <span class="field-validation-valid text-danger" data-valmsg-for="HtmlPreparationCode" data-valmsg-replace="true"></span>
136
                        <br>
137
                        <div class="btn-group">
138
                            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
139
                                Quick HTML Snippets: <span class="caret"></span>
140
                            </button>
141
                            <ul class="dropdown-menu">
142
                                <li><a data-role="insert-snippet" data-target="HtmlPreparationCode" data-text="<div id=''></div>">&lt;div/&gt;</a></li>
143
                                <li><a data-role="insert-snippet" data-target="HtmlPreparationCode" data-text="<a id='' href='#' />">&lt;a/&gt;</a></li>
144
                                <li><a data-role="insert-snippet" data-target="HtmlPreparationCode" data-text="<canvas id='' width='' height=''></canvas>">&lt;canvas/&gt;</a></li>
145
                                <li><a data-role="insert-snippet" data-target="HtmlPreparationCode" data-text="<script src=''></script>">&lt;script&gt;</a></li>
146
                            </ul>
147
                        </div>
148
                        <div class="btn-group">
149
                            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
150
                                Reference popular libraries: <span class="caret"></span>
151
                            </button>
152
                            <ul class="dropdown-menu">
153
                                <li><a data-role="insert-snippet" data-target="HtmlPreparationCode" data-text="<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js'></script>">jQuery</a></li>
154
                                <li><a data-role="insert-snippet" data-target="HtmlPreparationCode" data-text="<script src='https://cdnjs.cloudflare.com/ajax/libs/react/16.3.0/cjs/react.production.min.js'></script>">React.JS</a></li>
155
                                <li><a data-role="insert-snippet" data-target="HtmlPreparationCode" data-text="<script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.min.js'></script>">lodash</a></li>
156
                                <li><a data-role="insert-snippet" data-target="HtmlPreparationCode" data-text="<script src='https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.0/moment.min.js'></script>">moment.js</a></li>
157
                                <li><a data-role="insert-snippet" data-target="HtmlPreparationCode" data-text="<script src='https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.min.js'></script>">Chart.js</a></li>
158
                                <li><a data-role="insert-snippet" data-target="HtmlPreparationCode" data-text="<script src='https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js'></script>">jqueryui</a></li>
159
                                <li><a data-role="insert-snippet" data-target="HtmlPreparationCode" data-text="<script src='https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js'></script>">underscore.js</a></li>
160
                                <li><a data-role="insert-snippet" data-target="HtmlPreparationCode" data-text="<script src='https://cdnjs.cloudflare.com/ajax/libs/d3/4.13.0/d3.min.js'></script>">d3</a></li>
161
                                <li><a data-role="insert-snippet" data-target="HtmlPreparationCode" data-text="<script src='https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular.min.js'></script>">angular.js</a></li>
162
                            </ul>
163
                        </div>
164
                        <button type="button" class="btn btn-default" data-format-type="html" data-role="format-input" data-target="HtmlPreparationCode" id="format_html">
165
                            Format HTML
166
                        </button>
167
                    </div>
168
                    <hr>
169
                    <div class="form-group">
170
                        <label for="ScriptPreparationCode">JavaScript preparation code</label>
171
                        <textarea class="form-control" id="ScriptPreparationCode" name="ScriptPreparationCode"></textarea>
172
                        <span class="field-validation-valid text-danger" data-valmsg-for="ScriptPreparationCode" data-valmsg-replace="true"></span>
173
                        <div class="btn-group">
174
                            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
175
                                New Script snippets: <span class="caret"></span>
176
                            </button>
177
                            <ul class="dropdown-menu">
178
                                <li><a data-role="insert-snippet" data-target="ScriptPreparationCode" data-text="for(i=0; i<10; i++){}">For loop</a></li>
179
                                <li><a data-role="insert-snippet" data-target="ScriptPreparationCode" data-text="var arr = ['', '', ''];">Array</a></li>
180
                                <li><a data-role="insert-snippet" data-target="ScriptPreparationCode" data-text="var el = document.getElementById('');">document.getElementById</a></li>
181
                                <li><a data-role="insert-snippet" data-target="ScriptPreparationCode" data-text="console.log('');">console.log</a></li>
182
                            </ul>
183
                        </div>
184
                        <button type="button" class="btn btn-default" data-target="ScriptPreparationCode" data-format-type="js" data-role="format-input">
185
                            Format JavaScript
186
                        </button>
187
                    </div>
188
                </div>
189
            </div>
190
        </div>
191
        <div class="panel panel-default">
192
            <div class="panel-heading" role="tab" id="headingThree">
193
                <h4 class="panel-title">
194
                    <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="true" aria-controls="collapseThree">
195
                        Test cases
196
                    </a>
197
                </h4>
198
            </div>
199
            <div id="collapseThree" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingThree">
200
                <ul class="list-group" id="test-case-list"></ul>
201
                <div class="panel-footer">
202
                    <span class="field-validation-valid text-danger" data-valmsg-for="TestCases" data-valmsg-replace="true"></span>
203
                    <div class="form-group">
204
                        <input type="button" class="btn btn-default" data-action="new-test" value="Add test case" />
205
                    </div>
206
                </div>
207
            </div>
208
        </div>
209
    </div>
210
        <div class="form-group">
211
            <div class="g-recaptcha" data-sitekey="6LezciITAAAAAM8yvrfrR23FDpltM8Luz9QB_8O0"></div>
212
            <span class="field-validation-valid text-danger" data-valmsg-for="ReCaptcha" data-valmsg-replace="true"></span>
213
        </div>
214
    <div class="alert alert-warning" role="alert">
215
        To avoid adding broken tests, please use <strong>Validate benchmark</strong> button to check for errors in benchmark definition.
216
    </div>
217
    <div style="display:none" id="validation_log_holder">
218
        <h5>Validation log:</h5>
219
        <ul id="validation_log"></ul>
220
    </div>
221
    <a class="btn btn-default" data-role="test-benchmark">
222
        Validate benchmark<span>&nbsp;</span>
223
        <i id='validate-spinner' class="fa fa-refresh fa-spin" style="font-size:20px;display:none;"></i>
224
    </a>
225
    <input id="benchmark_submit" type="submit" class="btn btn-primary" value="Submit" />
226
    <a href="/Benchmarks" class="btn btn-link">Cancel</a>
227
<input name="__RequestVerificationToken" type="hidden" value="CfDJ8F63dPTlAPZKodyjat-ZmCHel16PIVaeRJP0c36xKAApaN7mggOggY2OSVSoFAavrMImGmbEpjQa_YbcnALnxfQReyQ5sVlAKMldITczLM6P3-gl4BZlrMMsUkmkf_hGyuYPANnxK1bQog3He0zorJE" /></form>
228
<div class="hidden">
229
</div>
230
​
231
<div id="validation-frame-holder"></div>
232
​
233
​
234
​
235
        </div>
236
        <hr />
237
        <footer>
238
            <p>&copy; 2023 - MeasureThat.net (Version: 1.3.3.0)</p>
239
        </footer>
240
​
241
    </div>
242
​
243
244
​
245
    <script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-2.2.0.min.js">
246
    </script>
247
<script>(window.jQuery||document.write("\u003Cscript src=\u0022\/lib\/jquery\/dist\/jquery.min.js\u0022\u003E\u003C\/script\u003E"));</script>
248
    <script src="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.6/bootstrap.min.js">
249
    </script>
250
<script>(window.jQuery && window.jQuery.fn && window.jQuery.fn.modal||document.write("\u003Cscript src=\u0022\/lib\/bootstrap\/dist\/js\/bootstrap.min.js\u0022\u003E\u003C\/script\u003E"));</script>
251
​
252
​
253
254
​
255
​
256
    <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.16.0/codemirror.min.js"></script>
257
    <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.17.0/mode/xml/xml.js"></script>
258
    <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.16.0/mode/javascript/javascript.min.js"></script>
259
​
260
​
261
    <script src='https://www.google.com/recaptcha/api.js'></script>
262
​
263
264
265
        <script src="https://cdnjs.cloudflare.com/ajax/libs/mustache.js/2.1.3/mustache.min.js"></script>
266
267
​
268
    <script src="/js/benchmarklab.js?v=u7xTtWrvm6FZPW1nPTf3WFWWTmn7xc_Q8WbQvfFXm58"></script>
269
    <script src="https://cdnjs.cloudflare.com/ajax/libs/js-beautify/1.11.0/beautify.min.js"></script>
270
    <script src="https://cdnjs.cloudflare.com/ajax/libs/js-beautify/1.11.0/beautify-html.min.js"></script>
271
​
272
​
273
​
274
    <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.14.0/jquery.validate.min.js">
275
    </script>
276
<script>(window.jQuery && window.jQuery.validator||document.write("\u003Cscript src=\u0022\/lib\/jquery-validation\/dist\/jquery.validate.min.js\u0022\u003E\u003C\/script\u003E"));</script>
277
    <script src="https://ajax.aspnetcdn.com/ajax/jquery.validation.unobtrusive/3.2.6/jquery.validate.unobtrusive.min.js">
278
    </script>
279
<script>(window.jQuery && window.jQuery.validator && window.jQuery.validator.unobtrusive||document.write("\u003Cscript src=\u0022\/lib\/jquery-validation-unobtrusive\/jquery.validate.unobtrusive.min.js\u0022\u003E\u003C\/script\u003E"));</script>
280
​
281
​
282
​
283
    <script id="testCase" type="x-tmpl-mustache">
284
        <li class="list-group-item" data-role="testCaseComponent">
285
            <div class="form-group">
286
                <label for="TestCases.TestCaseDtoName">Name your test:</label>
287
                <input type="text" class="form-control" placeholder="Name of the test case" data-val="true" data-val-regex="The field Test Case must match the regular expression '[a-zA-Z0-9.`~!@#$%^&amp;*()]'." data-val-regex-pattern="[a-zA-Z0-9.`~!@#$%^&amp;*()]" data-val-required="The Test Case field is required." name="TestCases[{{testCaseId}}].TestCaseDtoName" value="{{testCaseName}}" data-role="testCaseName">
288
​
289
                <label for="TestCases.BenchmarkCode">Benchmark code</label>
290
                <textarea class="form-control" data-val="true" placeholder="Benchmark code" data-val-required="The Benchmark code is required." name="TestCases[{{testCaseId}}].BenchmarkCode" data-role="testCaseCode">{{textCaseContent}}</textarea>
291
                <span class="field-validation-valid text-danger" data-valmsg-for="TestCases.BenchmarkCode" data-valmsg-replace="true"></span>
292
            </div>
293
            <div class="form-group text-right">
294
                <button data-action="delete-test" class="btn btn-default">Delete test case</button>
295
            </div>
296
        </li>
297
    </script>
298
​
299
    <script type="text/javascript">
300
        var addPageController = new AddNewTestPageController();
301
        new AppendSnippetHandler();
302
        new ClientValidationHandler();
303
        new InputFormatHandler();
304
    </script>
305
​
306
​
307
    <div class="modal fade" id="aboutModal" tabindex="-1" role="dialog" aria-labelledby="myModal-label" aria-hidden="true">
308
    <div class="modal-dialog">
309
        <div class="modal-content">
310
            <div class="modal-header">
311
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
312
                <h4 class="modal-title" id="myModal-label">About</h4>
313
            </div>
314
            <div class="modal-body">
315
                <h2>JavaScript performance benchmarks</h2>
316
                <p><b>Source code:</b> <a target="_blank" href="https://github.com/thecoderok/MeasureThat.net">GitHub/MeasureThat.net</a></p>
317
                <p><b>Report issues:</b> <a target="_blank" href="https://github.com/thecoderok/MeasureThat.net/issues">MeasureThat.net/Issues</a>
318
                <p><b>Based on:</b> <a target="_blank" href="https://benchmarkjs.com/">Benchmark.js (v2.1.1)</a>
319
                <p>
320
                    <b>Facebook page:</b> <a target="_blank" href="https://www.facebook.com/MeasureThat.Net">https://www.facebook.com/MeasureThat.Net</a>
321
                </p>
322
                <style>.bmc-button img{width: 27px !important;margin-bottom: 1px !important;box-shadow: none !important;border: none !important;vertical-align: middle !important;}.bmc-button{line-height: 36px !important;height:37px !important;text-decoration: none !important;display:inline-flex !important;color:#ffffff !important;background-color:#BB5794 !important;border-radius: 3px !important;border: 1px solid transparent !important;padding: 1px 9px !important;font-size: 22px !important;letter-spacing: 0.6px !important;box-shadow: 0px 1px 2px rgba(190, 190, 190, 0.5) !important;-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;margin: 0 auto !important;font-family:'Cookie', cursive !important;-webkit-box-sizing: border-box !important;box-sizing: border-box !important;-o-transition: 0.3s all linear !important;-webkit-transition: 0.3s all linear !important;-moz-transition: 0.3s all linear !important;-ms-transition: 0.3s all linear !important;transition: 0.3s all linear !important;}.bmc-button:hover, .bmc-button:active, .bmc-button:focus {-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;text-decoration: none !important;box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;opacity: 0.85 !important;color:#ffffff !important;}</style><link href="https://fonts.googleapis.com/css?family=Cookie" rel="stylesheet"><a class="bmc-button" target="_blank" href="https://www.buymeacoffee.com/2DBtw96"><img src="https://bmc-cdn.nyc3.digitaloceanspaces.com/BMC-button-images/BMC-btn-logo.svg" alt="Buy me a coffee"><span style="margin-left:5px">Buy me a coffee</span></a>
323
                <br />
324
                <p><a target="_blank" href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&no_note=0&lc=US&currency_code=USD&bn=PP-DonationsBF:btn_donate_LG.gif:NonHostedGuest&business=MeasureThat@outlook.com&item_name=MeasureThat&item_number=Support%20service&amount=0"><img src="https://www.paypalobjects.com/en_GB/i/btn/btn_donate_LG.gif" border="0" alt="PayPal &#8212; The safer, easier way to pay online." /></a></p>
325
            </div>
326
            <div class="modal-footer">
327
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
328
            </div>
329
        </div>
330
    </div>
331
</div>
332
​
333
<div class="modal fade" id="authenticateModal" tabindex="-1" role="dialog" aria-labelledby="authenticateModal-label" aria-hidden="true">
334
    <div class="modal-dialog">
335
        <div class="modal-content">
336
            <div class="modal-header">
337
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
338
                <h4 class="modal-title" id="authenticateModal-label">Log in:</h4>
339
            </div>
340
            <div class="modal-body" style="text-align: center">
341
342
<section>
343
</section>
344
<section>
345
    <a class="btn btn-primary" href="/Account/Login">Sign in with local account</a>
346
</section>
347
            </div>
348
            <div class="modal-footer">
349
                <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
350
            </div>
351
        </div>
352
    </div>
353
</div>
354
​
355
​
356
​
357
<!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-K23JQ1HQ6R">
358
    </script>
359
    <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-K23JQ1HQ6R'); </script>
360
​
361
​
362
<script>
363
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
364
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
365
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
366
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
367
​
368
  ga('create', 'UA-83528903-1', 'auto');
369
  ga('send', 'pageview');
370
​
371
</script>
372
<script src="https://cdn.trackjs.com/agent/v3/latest/t.js"></script>
373
<script>
374
window.TrackJS && TrackJS.install({
375
    token: "028f6a1c03774007a7b40f656ca7ef3a"
376
    // for more configuration options, see https://docs.trackjs.com
377
});
378
</script>
379
<script async src="https://cdn.requestmetrics.com/agent/current/rm.js" data-rm-token="k4pi6hu:f2xb6eb"></script>
380
</body>
381
</html>
382
​
Tests:

  • qs

     
    var test = document.querySelector("p");

  • ebtn

     
    var test2 = document.getElementsByTagName("p");
Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Experimental features:

  • Test case name Result
    qs
    ebtn

    Fastest: N/A

    Slowest: N/A

Latest run results:
Run details: (Test run date: one year ago)
Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:122.0) Gecko/20100101 Firefox/122.0
Firefox 122 on Mac OS X 10.15
View result in a separate tab
Test name Executions per second
qs 370587.0 Ops/sec
ebtn 6549469.5 Ops/sec
LLMs can make mistakes. Check important info.
Related benchmarks: