Run results for: NativeGet vs NativeQuery vs EarthJS vs jQuery

Run details:

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

Browser: Firefox 56

Operating system: Mac OS X 10.11

Device Platform: Desktop

Date tested: 5 years ago

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

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");

Run results for: NativeGet vs NativeQuery vs EarthJS vs jQuery

comparing the 4 Titans

jQuery

EarthJS

Native Query

Native Get