Benchmark: NativeGet vs NativeQuery vs EarthJS vs jQuery

HTML Preparation code:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
function v(type, selector, content) {
        const item = document.querySelectorAll(selector);

        if (type === "html") {
            for (let i = 0; i < item.length; i++) {
                item[i].innerHTML = content;
            }
        } else if(type === "addClass") {
            for (let i = 0; i < item.length; i++) {
                item[i].classList.add(content);
            }
        } else if (type === "removeClass") {
            for (let i = 0; i < item.length; i++) {
                item[i].classList.remove(content);
            }
        } else if (type === "toggleClass") {
            for (let i = 0; i < item.length; i++) {
                item[i].classList.toggle(content);
            }
        }
    }
</script>

<div class="new-page-container"><p id="superID">Hello World</p></div>

Script Preparation code:

document.querySelector(".new-page-container p").classList.remove("test");

Tests:

jQuery
$(".new-page-container p").addClass("test");
EarthJS
v("addClass", ".new-page-container p", "test");
Native Query
document.querySelector(".new-page-container p").classList.add("test");
Native Get
document.getElementById("superID").classList.add("test");

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
jQuery
EarthJS
Native Query
Native Get

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

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

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.11; rv:56.0) Gecko/20100101 Firefox/56.0

Browser/OS: Firefox 56 on Mac OS X 10.11

View result in a separate tab

Test name	Executions per second
jQuery	88909.0 Ops/sec
EarthJS	431609.3 Ops/sec
Native Query	685751.7 Ops/sec
Native Get	953220.1 Ops/sec

NativeGet vs NativeQuery vs EarthJS vs jQuery (version: 0)

comparing the 4 Titans

Comparing performance of: jQuery vs EarthJS vs Native Query vs Native Get

Created: 5 years ago by: Guest

Jump to the latest result

jQuery

EarthJS

Native Query

Native Get

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A