Native XHR vs jQuery with dom insert

JavaScript performance comparison

Revision 4 of this test case created by

Preparation code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.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(obj) {
  if (xhr.readyState == 4) {
   alert(obj.innerHTML);
  }
}
xhr.open("GET", "http://jsperf.com", true);
xhr.send(null);
pending…
jQuery ajax
var request = $.ajax({
  type: "GET",
  url: "http://jsperf.com",
  success: function() {
    // done 
  },
  data: null
});
pending…
xhr2
var xhr = new XMLHttpRequest();
xhr.onload = function() {
  //done
}
xhr.open("GET", "http://jsperf.com");
xhr.send(null);
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