Benchmark: NATIVE XHR VS JQUERY

HTML Preparation code:

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>

Script Preparation code:

function showResult(data) {
    console.log(data);
}
var newUrl = "https://www.googleapis.com/discovery/v1/apis";

Tests:

NATIVE XHR
var xhr = new XMLHttpRequest(); xhr.open("GET", newUrl, true); xhr.onreadystatechange = function() { if (xhr.readyState === 4) { showResult(xhr); } } xhr.send();
NATIVE XHR 2
var xhr = new XMLHttpRequest(); xhr.onload = showResult; xhr.open("GET", newUrl, true); xhr.send();
NATIVE FETCH
var request = fetch(newUrl).then(showResult);
JQUERY AJAX
var request = $.ajax({ type: "GET", url: newUrl, success: showResult, data: null });
JQUERY AJAX ASYNC
var request = $.ajax({ type: "GET", async: true, url: newUrl, success: showResult, data: null });
JQUERY GET
var request = $.get(newUrl, showResult);
JQUERY GET 2
var request = $.get(newUrl).done(showResult);
JQUERY GETJSON
$.getJSON(newUrl, null, showResult);

Rendered benchmark preparation results:

Previous results

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

Latest run results:

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

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.157 Safari/537.36

Browser/OS: Chrome 74 on Windows

NATIVE XHR VS JQUERY (version: 1)