Benchmark: Native XHR vs jQuery Ajax v2

HTML Preparation code:

<script
  src="https://code.jquery.com/jquery-3.4.1.min.js"
  integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
  crossorigin="anonymous"></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.then
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:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Native XHR
Native XHR 2
Native fetch.then
jQuery Ajax
jQuery Ajax (Async)
jQuery Get
jQuery Get 2
jQuery getJSON

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: 4 years ago)

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

Browser/OS: Chrome 80 on Windows

View result in a separate tab

Test name	Executions per second
Native XHR	1946.2 Ops/sec
Native XHR 2	2059.9 Ops/sec
Native fetch.then	1873.2 Ops/sec
jQuery Ajax	1397.2 Ops/sec
jQuery Ajax (Async)	1404.7 Ops/sec
jQuery Get	1408.5 Ops/sec
jQuery Get 2	1599.6 Ops/sec
jQuery getJSON	1302.4 Ops/sec

Native XHR vs jQuery Ajax v2 (version: 0)

Forked from "Native XHR vs jQuery Ajax", which seemed to fail when loading jQuery.

Comparing performance of: Native XHR vs Native XHR 2 vs Native fetch.then vs jQuery Ajax vs jQuery Ajax (Async) vs jQuery Get vs jQuery Get 2 vs jQuery getJSON

Created: 4 years ago by: Guest

Jump to the latest result

Native XHR

Native XHR 2

Native fetch.then

jQuery Ajax

jQuery Ajax (Async)

jQuery Get

jQuery Get 2

jQuery getJSON

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A