Benchmark: jQuery needs cached selectors.

HTML Preparation code:

<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.1.1.min.js"></script>
<div id="testElement"></div>

Tests:

Bad
for(var i = 0; i < 100; i++) { $('#testElement').append(''); if (i % 3 && i % 5) { $('#testElement').append(i); } else { if( i % 3 == 0 ) { $('#testElement').append('Fizz'); } if( i % 5 == 0 ) { $('#testElement').append('Buzz'); } if (i % 3 && i % 5) { $('#testElement').append(i); } } $('#testElement').append(''); }
Better
var body = $("#testElement"); for(var i = 0; i < 100; i++) { body.append(''); if (i % 3 && i % 5) { body.append(i); } else { if( i % 3 == 0 ) { body.append('Fizz'); } if( i % 5 == 0 ) { body.append('Buzz'); } if (i % 3 && i % 5) { body.append(i); } } body.append(''); }
Best
var res = ""; for(var i = 0; i < 100; i++) { res += ''; if (i % 3 && i % 5) { res += i; } else { if( i % 3 == 0 ) { res += 'Fizz'; } if( i % 5 == 0 ) { res += 'Buzz'; } if (i % 3 && i % 5) { res += i; } } res += ''; } var body = $("#testElement"); body.append(res);

Rendered benchmark preparation results:

Previous results

ⓘ Get performance results from real users on your website with Request Metrics.

Latest run results:

This benchmark does not have any results yet. Be the first one to run it!

jQuery needs cached selectors. (version: 0)