MeasureThat.net

Run results for: Vanilla JS VS JQuery DOM perfomance + getbyid(elId)

Vanilla JS VS JQuery DOM perfomance

Go to the benchmark
Run details:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/132.0.0.0 Safari/537.36 Edg/132.0.0.0
Chrome 132
Windows
Desktop
one month ago
Test name Executions per second
Vanilla JS 1102079.8 Ops/sec
Jquery 224086.7 Ops/sec
getbyid 1253308.5 Ops/sec
HTML Preparation code:
AخA
 
1
<script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
2
<div id="nhngodo">Hi! NHNgodo!</div>
3
<script>
4
window._getbyid = {};
5
function getbyid(elId){
6
    if(!window._getbyid[elId]){
7
        window._getbyid[elId] = document.getElementById(elId);
8
    }
9
    return window._getbyid[elId];
10
}
11
</script>
Tests:

  • Vanilla JS

     
    var el = document.getElementById("nhngodo");
    el.innerText = "Hi! NHNgodo!";

  • Jquery

     
    $("#nhngodo").text("Hi! NHNgodo!");

  • getbyid

     
    getbyid("nhngodo").innerText = "Hi! NHNgodo!";