Benchmark: ajax vs fetch - MeasureThat.net

HTML Preparation code:

<script src='https://code.jquery.com/jquery-3.6.0.min.js'></script>

Script Preparation code:

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

Tests:

ajax
var request = $.ajax({ type: "GET", url: newUrl, success: showResult, data: null });
fetch
fetch(newUrl) .then( function(response) { response.json().then(function(data) { showResult(data); }); } ) .catch(function(err) { console.log('Fetch Error :-S', err); });

Rendered benchmark preparation results:

Previous results

Test case name	Result
ajax
fetch

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

Latest run results:

Run details: (Test run date: 14 days ago)

User agent: Mozilla/5.0 (X11; Linux x86_64; rv:131.0) Gecko/20100101 Firefox/131.0

Browser/OS: Firefox 131 on Linux

Test name	Executions per second
ajax	8121.3 Ops/sec
fetch	15582.4 Ops/sec

ajax vs fetch (version: 0)