Run results for: jQuery by id vs Document.getElementById

Run details:

User agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:55.0) Gecko/20100101 Firefox/55.0

Browser: Firefox 55

Operating system: Windows 7

Device Platform: Other

Date tested: 6 years ago

Test name	Executions per second
jQuery 3.2.1 Slim	76483060.0 Ops/sec
Vanilla JS	2395570.0 Ops/sec

HTML Preparation code:

<script src="//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.slim.min.js"></script>
<div class="test"></div>
<div class="test2"></div>

Script Preparation code:

function Selector_Cache() {
    var collection = {};

    function get_from_cache( selector ) {
        if ( undefined === collection[ selector ] ) {
            collection[ selector ] = $( selector );
        }
        return collection[ selector ];
    }
    return { get: get_from_cache };
}

var selectors = new Selector_Cache();

Tests:

jQuery 3.2.1 Slim
var el = selectors.get('#test');
Vanilla JS
var el = document.getElementsByClassName('test');

Run results for: jQuery by id vs Document.getElementById

Comparing speed of getting element by id with jQuery vs Vanilla JS

jQuery 3.2.1 Slim

Vanilla JS