Native XHR vs jQuery ajax vs get

JavaScript performance comparison

Revision 7 of this test case created by

Preparation code

<script src="https://code.jquery.com/jquery-git2.min.js"></script>
    

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

Testing in CCBot 2.0.0 / Other 0.0.0
Test Ops/sec
Native XHR
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
  if (xhr.readyState == 4) {"done"}
}
xhr.open("GET", "http://jsperf.com", true);
xhr.send(null);
pending…
xhr2
var xhr = new XMLHttpRequest();
xhr.onload = function() {"done"}
xhr.open("GET", "http://jsperf.com");
xhr.send(null);
pending…
jQuery ajax
var request = $.ajax({  success: function() {
  alert(1);
}});
pending…
jQuery get1
var request = $.get().done(function() {
  alert(1);
});
pending…
jQuery get12
var request = $.get("").done(function() {
  alert(1);
});
pending…
xhr3
var xhr = new XMLHttpRequest();
xhr.onload = function() {alert(1)};
xhr.open("get", true);
xhr.send();
pending…
jQuery getJSON
$.getJSON("http://jsperf.com", null, function(){alert("1");});
pending…

Compare results of other browsers

Revisions

You can edit these tests or add even more tests to this page by appending /edit to the URL.

0 Comments