Benchmark: v + o + d 3 - MeasureThat.net

HTML Preparation code:

<style>
  .modal{transition:.2s; display:block; opacity:1; visibility:visible;}
  .modal.o{opacity:0;}
  .modal.v{visibility:hidden;}
  .modal.d{display:none;}
</style>
				<div class="row">
					<div class="col">
						<div class="box">
							<div class="box-header">
								<div class="box-title">Control Group > Button Group</div>
							</div>
							<div class="box-body">
								<div class="row">
									<div class="col-sm-auto mb-1 mb-sm-0">
										<div class="control-group">
											<div class="btn-group">
												<button class="btn btn-default">A-1</button>
												<button class="btn btn-default">A-2</button>
												<button class="btn btn-default">A-3</button>
											</div>
											<button class="btn btn-default">B</button>
											<button class="btn btn-default">C</button>
										</div>
									</div>
									<div class="col-sm-auto mb-1 mb-sm-0">
										<div class="control-group">
											<button class="btn btn-default">A</button>
											<div class="btn-group">
												<button class="btn btn-default">B-1</button>
												<button class="btn btn-default">B-2</button>
												<button class="btn btn-default">B-3</button>
											</div>
											<button class="btn btn-default">C</button>
										</div>
									</div>
									<div class="col-sm-auto mb-1 mb-sm-0">
										<div class="control-group">
											<button class="btn btn-default">A</button>
											<button class="btn btn-default">B</button>
											<div class="btn-group">
												<button class="btn btn-default">C-1</button>
												<button class="btn btn-default">C-2</button>
												<button class="btn btn-default">C-3</button>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
<div class="modal" data-modal="modal1">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header bg-red">
        <div class="modal-title">Example Modal</div>
        <div class="modal-tools">
          <div class="dropdown">
            <button class="btn btn-neutral dropdown-toggle">Options</button>
            <div class="dropdown-panel">
              <a href="#" class="dropdown-item">Addendum Vitae Consectetum</a>
              <a href="#" class="dropdown-item">Edit</a>
              <a href="#" class="dropdown-item">Delete</a>
            </div>
          </div>

          <button class="btn btn-neutral modal-closer">
            <i class="far fa-times"></i>
          </button>
        </div>
      </div>
      <div class="modal-body">
        <p data-fill="50">Soluta ipsum quoi minuste dolores dictus aliam alias vitatum ducimus debitis atque veniam aut doxolem vitatum quia veritatis veritatis sit recusandae ined minuste lorem reprehenri dolorem lorem desereni corupti reiciendis inde similique repelend cumque ipsum induntis cumque induntis cumque deleniti induntis sepo recusandae distinctio vitae molitia itaque recusani quam magni.</p>
      </div>
      <div class="modal-footer">
        <button class="btn btn-default modal-closer mr-2">Close</button>
        <button class="btn btn-primary">Save</button>
      </div>
    </div>
  </div>
</div>
				<div class="row">
					<div class="col">
						<div class="box">
							<div class="box-header">
								<div class="box-title">Control Group > Button Group</div>
							</div>
							<div class="box-body">
								<div class="row">
									<div class="col-sm-auto mb-1 mb-sm-0">
										<div class="control-group">
											<div class="btn-group">
												<button class="btn btn-default">A-1</button>
												<button class="btn btn-default">A-2</button>
												<button class="btn btn-default">A-3</button>
											</div>
											<button class="btn btn-default">B</button>
											<button class="btn btn-default">C</button>
										</div>
									</div>
									<div class="col-sm-auto mb-1 mb-sm-0">
										<div class="control-group">
											<button class="btn btn-default">A</button>
											<div class="btn-group">
												<button class="btn btn-default">B-1</button>
												<button class="btn btn-default">B-2</button>
												<button class="btn btn-default">B-3</button>
											</div>
											<button class="btn btn-default">C</button>
										</div>
									</div>
									<div class="col-sm-auto mb-1 mb-sm-0">
										<div class="control-group">
											<button class="btn btn-default">A</button>
											<button class="btn btn-default">B</button>
											<div class="btn-group">
												<button class="btn btn-default">C-1</button>
												<button class="btn btn-default">C-2</button>
												<button class="btn btn-default">C-3</button>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>

<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js'></script>

Tests:

d
$(".modal").toggleClass("d");
v
$(".modal").toggleClass("v");
o
$(".modal").toggleClass("o");

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
d
v
o

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated 27 days ago):

LLMs can make mistakes. Check important info.

Based on the HTML and JavaScript code provided, I'm going to attempt to answer the question.

The benchmarking script appears to be using jQuery to toggle the class "d", "v", and "o" on an element with the class "modal". The test cases are likely intended to measure the execution time of these scripts across different browsers and devices.

To provide a helpful response, I would need more information about what is being asked. However, based on the provided code snippets, here's a possible interpretation:

**Question:** What is the average execution time per second for each benchmark definition (d, v, o) in Firefox 62 on Windows desktop?

**Assuming:**

* The JavaScript code is executed on the server-side or using a headless browser.
* The `ExecutionsPerSecond` column represents the number of executions per second for each test case.
* The `TestName` column corresponds to one of the three benchmark definitions (d, v, o).

**Possible Answer:**

| TestName | ExecutionsPerSecond |
| --- | --- |
| d | 28.214 (Firefox 62 on Windows desktop) |
| v | 30.756 (Firefox 62 on Windows desktop) |
| o | 31.751 (Firefox 62 on Windows desktop) |

Please note that this is a hypothetical answer, and actual results may vary depending on the specific use case, environment, and implementation details.

If you have more context or clarify what's being asked, I'll be happy to help further!

Latest run results:

Run details: (Test run date: 4 years ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:62.0) Gecko/20100101 Firefox/62.0

Browser/OS: Firefox 62 on Windows

View result in a separate tab

Test name	Executions per second
d	28214.7 Ops/sec
v	31751.3 Ops/sec
o	30756.7 Ops/sec

Related benchmarks:

v + o + d 3 (version: 0)

Comparing performance of: d vs v vs o

Created: 4 years ago by: Guest

Jump to the latest result

d

v

o

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated 27 days ago):