Benchmark: Vanilla JS VS JQuery AJAX perfomance

HTML Preparation code:

<script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

Tests:

Vanilla JS
var r = new XMLHttpRequest(); r.open("POST", "http://vanilla-js.com/path/to/api", true); r.onreadystatechange = function () { if (r.readyState != 4 || r.status != 200) return; alert("Success: " + r.responseText); }; r.send("banana=yellow");
Jquery
$.ajax({ type: 'POST', url: "http://vanilla-js.com/path/to/api", data: "banana=yellow", success: function (data) { alert("Success: " + data); }, });

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Vanilla JS
Jquery

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: 11 days ago)

User agent: Mozilla/5.0 (iPhone; CPU iPhone OS 17_4_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.4.1 Mobile/15E148 Safari/604.1

Browser/OS: Mobile Safari 17 on iOS 17.4.1

View result in a separate tab

Test name	Executions per second
Vanilla JS	99415.4 Ops/sec
Jquery	21526.6 Ops/sec

Vanilla JS VS JQuery AJAX perfomance (version: 0)

Vanilla JS VS JQuery AJAX perfomance

Comparing performance of: Vanilla JS vs Jquery

Created: 6 years ago by: Guest

Jump to the latest result

Vanilla JS

Jquery

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A