MeasureThat.net

Run results for: JS VS JQUERY leotest22

Go to the benchmark
Run details:
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.0 Safari/605.1.15
Safari 16
Mac OS X 10.15.7
Desktop
2 years ago
Test name Executions per second
JS 1826.8 Ops/sec
JQUERY 157.4 Ops/sec
HTML Preparation code:
AخA
 
1
<script
2
              src="https://code.jquery.com/jquery-3.6.0.min.js"
3
              integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
4
              crossorigin="anonymous"></script>
Script Preparation code:
 
document.body.innerHtml = ''
Tests:

  • JS

    ​x
     
    const range = document.createRange();
    const documentFragment = range.createContextualFragment(`
        <div>
            <label class="clickAndCollect-label" id="click-and-collect">
                <div class="clickAndCollect-input-container">
                    <input class="clickAndCollect-input" type="checkbox" value="click-and-collect">
                    <span class="clickAndCollect-label-text">Entregarme el pedido hasta mi vehiculo JS</span>
                </div>
                
            </label>
        </div>
    `);
    document.body.appendChild(documentFragment);
    ​

  • JQUERY

     
    const el = $(`
        <div>
            <label class="clickAndCollect-label" id="click-and-collect">
                <div class="clickAndCollect-input-container">
                    <input class="clickAndCollect-input" type="checkbox" value="click-and-collect">
                    <span class="clickAndCollect-label-text">Entregarme el pedido hasta mi vehiculo JQ</span>
                </div>
                
            </label>
        </div>
    `);
    $('body').append(el);