Hello. I know that the Fetch method of ES6 is the most recent. But I saw on the JSPerf site that fetch is the slowest compared to the famous XmlHttpRequest of JS Vanilla, and even slower than $.Ajax of JQuery.
Why is it slower if it is the most current? Can someone explain me?
Test link: XHR vs. jQuery vs fetch
Thank you.
The fetch API is actually JS Vanilla because it does not belong to any library of third as the functions of jQuery and intends to solve some problems of XMLHttpRequest (XHR), which reigned for more than a decade in the asynchronous requests in Javascript, as:
fetch() differs from jQuery.ajax() mainly in two ways:
fetch() will not reject the status of the HTTP error, even if the response is an HTTP 404 or 500. Instead, it will resolve normally, and it will only reject in if anything fails to prevent the request from completing.
Performance may vary among browsers, as each browser will have its implementation of window.fetch ( eg Google's V8 or Mozilla's Spidermonkey).
The main reason for the difference in performance is due to fetch() having more options regarding XHR, which we can find here . Doing something new does not necessarily mean that it should be faster, which is what happens in that case - available resources seem to be the priority.
Other sources: