jquery vs createElement

JavaScript performance comparison

Revision 105 of this test case created and last updated

Preparation code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
 

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
jquery
var test = $("<img class='slide' style='position: absolute; left: 0; top:0; width:100%;height:100%;object-fit:contain;background-color:#000; src=slides alt=slides'/>");
}
pending…
createElement
var ele = $(document.createElement('img'));
ele.css({
  position: 'absolute',
  left: 0,
  top: 0,
  width: '100%',
  height: '100%',
  objectFit: 'contain',
  backgroundColor: '#000'
}).addClass('slide').prop({
  src: 'slides[i]',
  alt: 'slides[i]'
})
var test = ele;
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

Comment form temporarily disabled.

Add a comment