Run results for: fetch vs ajax call

Run details:

User agent: Mozilla/5.0 (Linux; Android 11; Nokia 3.4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/96.0.4664.55 Mobile Safari/537.36 EdgA/96.0.1054.41

Browser: Chrome Mobile 96

Operating system: Android

Device Platform: Mobile

Date tested: 2 years ago

Test name	Executions per second
Ajax	0.0 Ops/sec
Fetch	642.3 Ops/sec

HTML Preparation code:

<script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.1=/jquery.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); });

Run results for: fetch vs ajax call

fetch vs ajax call

Ajax

Fetch