Ajax (get,post), get, post e load

JavaScript performance comparison

Revision 2 of this test case created by Felipo Antonoff and last updated

Info

Teste de funções para carregar conteúdos externos por get e post. Os metodos em geral são parecidos, sendo o Ajax o mais completo e o restante usa ele como base.

Apenas completei criando uma div onde o conteúdo vai ser carregado, completando os testes e adicionando 2 novos testes.

Obs: Os métodos Ajax só carregam a Div caso tenham sucesso na requisição, o restante não fiz para lidar com isso, podendo o Ajax ficar mais pesado por esse motivo.

Preparation code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<div id="carregado">
</div>

Preparation code output

Test runner

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

Java applet disabled.

Testing in unknown unknown
Test Ops/sec
ajax - Get
$.ajax({
  type: "GET",
  url: 'http://www.google.com.br',
  data: 0,
  success: function(data) {
    $("div#carregado").html(data);
  }
});
pending…
get
$.get('http://www.google.com.br', function(data) {
  $("div#carregado").html(data);
});
pending…
load
$("div#carregado").load('http://www.google.com.br');
pending…
post
$.post('http://www.google.com.br', function(data) {
  $("div#carregado").html(data);
});
pending…
ajax - Post
$.ajax({
  type: "POST",
  url: 'http://www.google.com.br',
  data: 0,
  success: function(data) {
    $("div#carregado").html(data);
  }
});
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. Here’s a list of current revisions for this page:

0 comments

Add a comment